@import url(typo.css);
@import url(skin.css);

/*===| I. LAYOUT SIZE |====================================================*/

#container, #footer, #header  {width: 996px;}
#header {height:210px;}
#left-column {width: 258px;}
#right-column {width: 738px;}
p,div{  margin:0px; padding: 0px;}


/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/ #footer, .push {height: 39px;}
#wrap-footer{margin-top: -39px;}

.push	{clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------



/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}

html, body {  height: 100%;}
body {text-align: center;
  background-image:url(../images/charte/wrap-container.jpg);
  background-position: top left;
  background-repeat: repeat-x;
}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}



 #wrap-container {
 background-image: url(../images/charte/tops.jpg);
 background-repeat: no-repeat;
 background-position: top center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
  width: 100%;
  margin: 0 auto ;
  }


#container {
	margin:0 auto;
	text-align: left;
  width: 996px;
  }


#header {
width: 996px;
height: 276px;
float: left;

 }


.header-top{
   background-image: url(../images/charte/header-top.jpg);
   background-repeat: no-repeat;
   background-position: top left;
   width: 996px;
   height: 66px;
   background-color: #00CC00;
 }

.moncompte{
padding: 38px 0px 0px 168px;
float: left;
}



 .header-top a{
  padding-top: 50px;
   color: #BD7CE1;
   font-family: Verdana, Arial;
   font-size: 11px;
   font-weight: normal;
   text-decoration: underline;
 }

  .header-top a:hover{
   color: #ffffff;
   font-family: Verdana, Arial;
   font-size: 11px;
   font-weight: normal;
   text-decoration: underline;
 }


  .comptes{
    width:600px;
    float: left;
  }




.comptes form {
height: 21px;
float: left;
width: 258px;
line-height: 21px;
}


.comptes form input.case{
font:11px Arial, Helvetica, sans-serif;
color:#A080B2;
padding:2px;
border: none;

width:190px;
background:none;
float: left;
margin-top: 33px;
margin-left: 25px;

}


.comptes form input.case2{
font:11px Arial, Helvetica, sans-serif;
color:#76587D;
padding:2px;
border: none;

width:190px;
background:none;
float: left;
margin-top: 33px;
margin-left: 25px;

}

.btn3{
margin-top: 33px;
width: 55px;
height: 23px;
float: left;
margin-left: 6px;
}





.header-bottom{
 background-image: url(../images/charte/header.jpg);
background-repeat: no-repeat;
background-position: bottom left;
width: 996px;
height: 210px;
 }







#left-column{
	float:left;
	}

  #right-column{
	float:left;
  background-image: url(../images/charte/body.jpg);
  background-position: top left;
  background-repeat: no-repeat;   min-height: 420px;

	}

  .rechercher{
    background-image: url(../images/charte/rechercher.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    height:38px;
    width: 258px;
    float: left;
  }




.rechercher form {
height: 21px;
float: left;
width: 258px;
line-height: 21px;
}


.rechercher form input.case{
font:11px Arial, Helvetica, sans-serif;
color:#76587D;
padding:2px;
border: none;

width:170px;
background:none;
float: left;
margin-top: 10px;
margin-left: 20px;

}

.btn2{
margin-top: 8px;
width: 26px;
height: 21px;
float: left;
margin-left: 3px;
}





  #menu-left-repeat{
  background-image: url(../images/charte/menu-middle.jpg);
  background-position: bottom left;
  background-repeat: repeat-y;
  float: left;

  height: 100%;
  }


  #menu-left{
  width: 258px;
  float: left;
  background-image: url(../images/charte/menu.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  min-height: 233px;
  font-family:Verdana,Arial,Geneva, Helvetica, sans-serif;
	font-size: 12px;

  }

    #menu-left ul li{
    width: 258px;
    float: left;
 }


 .admins a{
 font-family: Verdana, Arial;
 font-size: 12px;
 text-transform: uppercase;
  color: #CFA0E9;
  width: 200px;
  height: 39px;
  display: block;
  line-height: 39px;
  border-bottom: 1px solid #58425C;
  margin-left: 25px;
  padding-bottom: 5px;
  background-image: url(../images/charte/menu-li.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 25px;
  }

 .admins a:hover{
 font-family: Verdana, Arial;
 font-size: 12px;
 text-transform: uppercase;
  color: #ffffff;
  width: 200px;
  height: 39px;
  display: block;
  line-height: 39px;
  border-bottom: 1px solid #58425C;
  margin-left: 25px;
  padding-bottom: 5px;
  background-image: url(../images/charte/menu-li_over.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 25px;
  }




   .admins-sel a{
 font-family: Verdana, Arial;
 font-size: 12px;
 text-transform: uppercase;
  color: #ffffff;
  width: 200px;
  height: 39px;
  display: block;
  line-height: 39px;
  border-bottom: 1px solid #58425C;
  margin-left: 25px;
  padding-bottom: 5px;
  background-image: url(../images/charte/menu-li_over.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 25px;
  cursor: default;
  }


  .admins-sel a:hover{
 font-family: Verdana, Arial;
 font-size: 12px;
 text-transform: uppercase;
  color: #ffffff;
  width: 200px;
  height: 39px;
  display: block;
  line-height: 39px;
  border-bottom: 1px solid #58425C;
  margin-left: 25px;
  padding-bottom: 5px;
  background-image: url(../images/charte/menu-li_over.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 25px;
   cursor: default;
  }


    .conAdmins-sel a{
 font-family: Verdana, Arial;
 font-size: 12px;
 text-transform: uppercase;
  color: #ffffff;
  width: 200px;
  height: 39px;
  display: block;
  line-height: 39px;
  border-bottom: 1px solid #58425C;
  margin-left: 25px;
  padding-bottom: 5px;
  background-image: url(../images/charte/menu-li_over.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 25px;
  cursor: default;
  }


  .conAdmins-sel a:hover{
 font-family: Verdana, Arial;
 font-size: 12px;
 text-transform: uppercase;
  color: #ffffff;
  width: 200px;
  height: 39px;
  display: block;
  line-height: 39px;
  border-bottom: 1px solid #58425C;
  margin-left: 25px;
  padding-bottom: 5px;
  background-image: url(../images/charte/menu-li_over.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 25px;
   cursor: default;
  }






  .non-admins a{
 font-family: Verdana, Arial;
 font-size: 11px;
 color: #ffffff;
  width: 200px;
  height: 20px;
  display: block;
  line-height: 20px;
  margin-left: 25px;
  padding-top: 5px;
  text-indent: 25px;
  }

.non-admins a:hover{
 font-family: Verdana, Arial;
 font-size: 11px;
 color: #CFA0E9;
  width: 200px;
  height: 20px;
  display: block;
  line-height: 20px;
  margin-left: 25px;
  padding-top: 5px;
  text-indent: 25px;
  }


.actif a{
  font-family: Verdana, Arial;
 font-size: 11px;
 color: #CFA0E9;
  width: 200px;
  height: 20px;
  display: block;
  line-height: 20px;
  margin-left: 25px;
  padding-top: 5px;
  text-indent: 25px;
  cursor: default;
  }

  .actif a:hover{
  font-family: Verdana, Arial;
 font-size: 11px;
 color: #CFA0E9;
  width: 200px;
  height: 20px;
  display: block;
  line-height: 20px;
  margin-left: 25px;
  padding-top: 5px;
  text-indent: 25px;
  cursor: default;
  }

   .conAdmins a{
 font-family: Verdana, Arial;
 font-size: 12px;
 text-transform: uppercase;
  color: #CFA0E9;
  width: 200px;
  height: 39px;
  display: block;
  line-height: 39px;
  border-bottom: 0px solid #58425C;
  margin-left: 25px;
  padding-bottom: 5px;
  background-image: url(../images/charte/menu-li.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 25px;
  }

 .conAdmins a:hover{
 font-family: Verdana, Arial;
 font-size: 12px;
 text-transform: uppercase;
  color: #ffffff;
  width: 200px;
  height: 39px;
  display: block;
  line-height: 39px;
  border-bottom: 0px solid #58425C;
  margin-left: 25px;
  padding-bottom: 5px;
  background-image: url(../images/charte/menu-li_over.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 25px;
  }


  #sitemap{
  margin-top: 50px;

  }

#sitemap a.admins2{
 font-family: Verdana, Arial;
 font-size: 12px;
 text-transform: uppercase;
 text-decoration: none;
 font-weight: bold;
 color: #CFA0E9;
 height: 39px;
 display: block;
 line-height: 39px;
 background-image: url(../images/charte/menu-li.gif);
 background-position: top left;
 background-repeat: no-repeat;
 text-indent: 25px;
  }

#sitemap .admins2:hover{
 font-family: Verdana, Arial;
 font-size: 12px;
 text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
 height: 39px;
 display: block;
 line-height: 39px;
  background-image: url(../images/charte/menu-li_over.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 25px;
  }


  #sitemap a.sous-admin {
 font-family: Verdana, Arial;
 font-size: 11px;
 text-decoration: none;
 font-weight: bold;
 color: #ffffff;
 margin-left: 25px;


  }

#sitemap .sous-admin :hover{
 font-family: Verdana, Arial;
 font-size: 11px;
 text-decoration: none;
 font-weight: bold;
 color: #CFA0E9;
 margin-left: 25px;
  }





  #mdm{
    background-image: url(../images/charte/actualites.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    width: 258px;
    float: left;
    height: 128px;
  }


.mdm-in{
  font-size: 11px;
  font-family: Verdana, Arial;
  color: #CFA0E9;
  float: left;
  width: 220px;
  padding: 30px 10px 0px 20px;
  }

  .thumb-mdm
  {
  padding: 3px;
  border: 1px solid #715680;
  float: right;
  margin: 0px 10px 0px 10px;
  }

 

   #mdm p{
   margin-right: 30px;
   margin-top: 5px;

   }


  #mdm a.liens2{
   font-family: Verdana, Arial;
  font-size: 11px;
  color: #B862E6;
  font-weight: normal;
  }

    #mdm .liens2:hover{
   font-family: Verdana, Arial;
  font-size: 11px;
  color: #ffffff;
  font-weight: normal;

  }


  #content .acceder{
   color: #CFA0E9;
   font-weight: bold;
 }

   #content .acceder:hover{
   color: #ffffff;
   font-weight: bold;
 }

   #content .neacceder{
   color: #E2BCF7;
   font-weight: bold;
 }

   #content .neacceder:hover{
   color: #ffffff;
   font-weight: bold;
   }



  #content .nexacceder{
   color: #000000;
   font-weight: bold;
   text-decoration: none;
 }

   #content .nexacceder:hover{
   color: #391F46;
   font-weight: bold;
      text-decoration: none;
 }

   #content .acceder2{
   color: #391F46;
   font-weight: bold;
    text-decoration: none;
 }

   #content .acceder2:hover{
   color: #391F46;
   font-weight: bold;
    text-decoration: none;
 }

    #content .acceder3{
   color: #391F46;
   font-weight: bold;
    text-decoration: none;
 }

   #content .acceder3:hover{
   color: #8C47BE;
   font-weight: bold;
    text-decoration: none;
 }

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

   .acceders:hover{
   color: #178E8E;
   font-weight: bold;
   font-size: 11px;
 }
#footer {
	margin: 0 auto;
	padding: 0;
  color: #CFA0E9;
  font-family:Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-size:10px;
  font-weight: normal;
  line-height: 17px;
    }

  #footer a {
  color: #CFA0E9;
  text-decoration: none;
  font-family:Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-size:10px;
  font-weight: normal;
  }

    #footer a:hover {
  color: #ffffff;
  text-decoration: none;
  font-family:Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-size:10px;
  }

 #footer .actif{
  color:#ffffff;
  cursor: default;
  }

#menu2{
		width: 996px;}

    .ref {
    font-family:Verdana, Arial,Geneva, Helvetica, sans-serif;
		width: 996px;
		margin: 3px auto 3px auto;
    clear: left;
		text-align:center;
		color: #CFA0E9;
		font-family:Arial;
		font-size:11px;

	}






.copyright{
	float: left;
	padding: 13px 0px 0px 0px;
	width: 460px;
  border: 0px solid red;
	text-align: left;
  color: #D6EDFD;

  }


  .menu-bottom{
	float: right;
  font-weight: bold;
	padding: 20px 15px 0 0;
	width: 250px;
  color: #CFA0E9;
  border: 1px solid red;
	text-align: right;}


  .newsletter
   {
background-image: url(../images/charte/newsletter.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 258px;
height: 96px;
float: left;
}

.newsletter form {
height: 21px;
float: left;
width: 258px;
line-height: 21px;
}


.newsletter form input.case{
font:11px Arial, Helvetica, sans-serif;
color:#76587D;
padding:2px;
border: none;

width:170px;
background:none;
float: left;
margin-top: 45px;
margin-left: 20px;

}

.btn{
margin-top: 43px;
width: 24px;
height: 21px;
float: left;
margin-left: 3px;
}

/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers, 
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}

/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements
	you want to float (on the thumbs, for example)
*/
.left{float: left;	margin-right:5px;}
.right{float: right;}

.thumb{
	display: block;
 }
/* ===| IV. NAVIGATION |===============================================*/
#menu2 ul li{display: inline;
}
/* ---| THE END |------------------------- */