/*
* cboude@groupe-belink.fr
* page de CSS pour site Ferrari Covoiturage
* Début Projet :: 14.11.2007
*/

*{
  font-family: arial, helvetica, verdana;
  margin: 0px;
  padding: 0px;
}
IMG{
  border: 0px;
}

BODY{
  border: solid 1px black;
  width: 1003px;
  height: 590px;
  margin: auto;
  margin-top: 2%;
}

#header{
  width: 100%;
  height: 142px;
}

#subpanel{
  width: 100%;
  height: 34px;
  background-image: url('../../images/fr/subpanel.jpg');
}

#my_personal_info{
  float: right;
  height: 34px;
  margin-right: 15px;
  _margin-right: 10px;
}

.btn_retour_right_panel{
  border: solid 1px gray;
  width: 104px;
  color: gray;
  text-align: center;
  font-weight: bold;
  height: 17px;
  font-size: 12px;
  text-decoration: none;
  float: right;
  margin: 20px;
  display: block;
}

.subpanel_btns{
  float: left;
  margin-left: 20px;
  font-size: 11px;
  height: 30px;
  width: 120px;
  margin-top: 2px;
  line-height: 30px;
  text-align: center;
  background-image: url('../../images/fr/subpanel_btns.gif');
}

.subpanel_btns a{
  color: black;
  font-weight: bold;
  text-decoration: none;
  height: 30px;
  width: 120px;
  display: block;
}

#main_block{
  background-image: url('../../images/fr/main_background.jpg');
  height: 403px;
  width: 100%;
}

#main_block .images_droite_accueil{
  float: right;
}

#footer{
  width: 100%;
  height: 11px;
  line-height: 11px;
  background-image: url('../../images/fr/footer.jpg');
}

.text_accueil{
  float: left;
  margin-top: 50px;
  margin-left: 40px;
  _margin-left: 20px;
  width: 447px;
  font-weight: bold;
  font-size: 12px;
}

#compteur_accueil{
  background-image: url('../../images/fr/background-compteur.gif');
  width: 447px;
  height: 39px;
  margin-left: 0px;
  float: left;
  color: white;
  font-weight: bold;
  line-height: 39px;
  font-size: 16px;
  margin-top: 15px;
}

#cpt_av{
  float: left;
  margin-left: 13px;
  _margin-left: 5px;
  text-align: left;
  width: 155px;
}

#cpt_cpt{
  float: left;
  text-align: right;
  letter-spacing: 15px;
  width: 130px;
}

#cpt_ap{
  float: right;
  text-align: right;
  width: 137px;
  margin-right: 10px;
  _margin-right: 5px;
}

.left_content{
  float: left;
  width: 680px;
}

.formulaire_acces_log{
  margin-top: 80px;
  float: left;
  width: 400px;
  font-size: 12px;
}

.formulaire_acces_log table{
  font-size: 12px;
}

.input_acces_reserve, .input_inscription{
  border: solid 1px black;
  width: 250px;
}

.acces_reserve_error{
  color: red;
  font-weight: bold;
}

.left_content_inscription{
  margin-top: 60px;
  margin-left: 110px;
  _margin-left: 60px;
  float: left;
  width: 680px;
}

.left_content_inscription table{
  font-size: 12px;
}

.charte{
  width: 800px;
  float: left;
  margin-top: 30px;
}

.charte .presentation{
  margin-left: 40px;
  _margin-left: 20px;
  margin-right: 10px;
  _margin-right: 4px;
  width: 336px;
  text-align: center;
  float: left;
  font-weight: bold;
  font-size: 14px;
}

.charte .presentation .block{
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
  background-image: url('../../images/fr/back-pres-charte.gif');
  background-color: #DCE282;
  background-repeat: no-repeat;
}


.charte .presentation a{
  text-decoration: none;
  color: black;
}

.charte .options{
  margin-top: 50px;
  float: left;
  width: 370px;
  margin-left: 30px;
}

.charte .presentation li{
  font-size: 14px;
  margin-bottom: 10px;
  list-style-type: decimal;
  color: red;
}

.charte .options table {
  font-size: 12px;
}

.charte .options table td{
  padding-top: 3px;
  padding-bottom: 3px;
}

.cartes{
  float: left;
  width: 820px;
  margin-left: 40px;
  _margin-left: 20px;
  margin-top: 10px;
}

.cartes .texte{
  float: left;
  width: 140px;
  text-align: right;
  font-weight: bold;
  line-height: 20px;
  margin-top: 10px;
  font-size: 14px;
}

.cartes .qui_est_qui{
  float: right;
}

.cartes .qui_est_qui table{
  width: 224px;
  border-collapse: collapse;
}

.cartes .qui_est_qui_back{
  background-image: url('../../images/fr/qui_est_qui_back.gif');
  background-repeat: repeat-y;
  font-size: 14px;
  font-weight: bold;
}

.cartes .qui_est_qui_top{
  height: 7px;
  background-image: url('../../images/fr/qui_est_qui_top.gif');
  background-repeat: no-repeat;
}

.cartes .qui_est_qui_bottom{
  height: 9px;
  background-image: url('../../images/fr/qui_est_qui_bottom.gif');
  background-repeat: no-repeat;
}

.cartes .qui_est_qui_back .title{
  font-size: 18px;
  font-weight: normal;
  text-indent: 5px;
}

.cartes .qui_est_qui_back table{
  margin: 5px;
  width: 95%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.cartes .qui_est_qui_back a{
  color: black;
  text-decoration: none;
}

.cartes .qui_est_qui_back .description{
  float: right;
  margin-right: 10px;
  font-size: 10px;
  width: 130px;
}

.cartes .qui_est_qui_back .formulaire_qeq_cov{
  color: red;
  margin: 10px;
  margin-top: 0px;
}

.saisie_num{
  border: 0px;
  width: 40px;
  padding-left: 10px;
  margin-left: 10px;
}

.news{
  margin-top: 90px;
  _margin-top: 77px;
  margin-left: 30px;
}

.news .text{
  text-align: justify;
  font-weight: bold;

}

/*******************************/

.news .news_bloc{
  border: solid 1px rose;
}

.news .news_bloc .images{
  border: solid 1px green;
  width: 202px;
}

.news img{
  border: solid 1px black;
  float: left;
  width: 200px;
}

.news .news_bloc .text, {
  width: 550px;
  float: left;
  font-size: 12px;
  height: 305px;
  line-height: 17px;
}

.news .text{
  font-size: 12px;
}

/*******************************/


.news .news_bloc_indiv{
  margin-bottom: 10px;
  _margin-bottom: 3px;
  height: 150px;
  position: relative;
}

.news .news_bloc_indiv .images{
  width: 202px;
  float: left;
}

.news .news_bloc_indiv img{
  border: solid 1px black;
  float: left;
  width: 200px;
  margin-bottom: 2px;
}

.news .news_bloc_indiv .text{
  width: 550px;
  float: right;
  font-size: 12px;
  overflow: auto;
  height: 305px;
  line-height: 17px;
}

/*******************************/

.news .text .title{
  font-size: 14px;
  text-align: left;
  margin-bottom: 15px;
}

.news .text .suite a{
  color: red;
  text-decoration: none;
}














.bonnes_raisons{
  margin-top: 80px;
  margin-left: 20px;
  font-size: 12px;
  font-weight: bold;  
}

.r1, .r2, .r3, .r4, .r5{
  background-repeat: no-repeat;
  height: 81px;
  padding-left: 82px;
/*  border: solid 1px red;*/
}

.bonnes_raisons .r1{
  background-image: url('../../images/fr/r1.gif');
  margin-left: 175px;
}

.bonnes_raisons .r2{
  background-image: url('../../images/fr/r2.gif');
  margin-top: -3px;
}

.bonnes_raisons .r3{
  background-image: url('../../images/fr/r3.gif');
  margin-left: 120px;
  margin-top: -15px;
}

.bonnes_raisons .r4{
  background-image: url('../../images/fr/r4.gif');
  margin-left: 0px;
  width: 300px;
}

.bonnes_raisons .r5{
/*  border: solid 1px red;*/
  background-image: url('../../images/fr/r5.gif');
  width: 350px;
  margin-top: -81px;
  margin-left: 385px;
}

.liens_total{
  width: 100%;
  position: relative;
}

.liens_total .content{
  font-size: 12px;
  padding-left: 20px;
/*  border: solid 1px red;*/
}

.liens_categorie{
/*  border: solid 1px red;  */
  width: 454px;
  float: left;
}

.liens_categorie2{
/*  border: solid 1px red;  */
  width: 454px;
  float: left;
}

.liens_categorie2 .titre{
  background-image: url('../../images/fr/liens_panneaux/left_top_white.png');
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  height: 17px;
}

.liens_categorie2 .content{
  background-image: url('../../images/fr/liens_panneaux/left_center_white.png');
  float: left;
  width: 434px;
  background-repeat: repeat-y;
}

.liens_categorie2 .pied{
  background-image: url('../../images/fr/liens_panneaux/left_bottom_white.png');
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  height: 15px;
}

.liens_categorie .titre{
  background-image: url('../../images/fr/liens_panneaux/left_top.png');
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  height: 17px;
}

.liens_categorie .content{
  background-image: url('../../images/fr/liens_panneaux/left_center.png');
  float: left;
  width: 434px;
  background-repeat: repeat-y;
}

.liens_categorie .pied{
  background-image: url('../../images/fr/liens_panneaux/left_bottom.png');
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  height: 15px;
}


.liens_total .right{
  float: right;
  width: 390px;
  position: absolute;
  top: 0;
  right: 0;
}


.liens_categorie_right{
  float: right;
  width: 100%;
}

.liens_categorie2_right{
  float: right;
  width: 100%;
}

.liens_categorie2_right .titre{
  background-image: url('../../images/fr/liens_panneaux/right_top_white.png');
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  height: 17px;
}

.liens_categorie2_right .content{
  background-image: url('../../images/fr/liens_panneaux/right_center_white.png');
  float: left;
  width: 370px;
  background-repeat: repeat-y;
}

.liens_categorie2_right .pied{
  background-image: url('../../images/fr/liens_panneaux/right_bottom_white.png');
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  height: 15px;
}

.liens_categorie_right .titre{
  background-image: url('../../images/fr/liens_panneaux/right_top.png');
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  height: 17px;
}

.liens_categorie_right .content{
  background-image: url('../../images/fr/liens_panneaux/right_center.png');
  float: left;
  width: 370px;
  background-repeat: repeat-y;
}

.liens_categorie_right .pied{
  background-image: url('../../images/fr/liens_panneaux/right_bottom.png');
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  height: 15px;
}

.news_intro{
  font-size: 12px;
/*  float: right;*/
  line-height: 14px;
/*  margin-right: -40px;*/
  font-weight: bold;
  width: 470px;
  margin-top: -16px;
  position: absolute;
  right: 150px;
  background-color: white;
  border: solid 2px black;
  padding: 3px;
}