/* Modèle v1.23 09/12/2008 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}

/*********** A PERSONNALISER **************/
body{background-color:#fff; font: normal 12px Tahoma; color: #686868;}
table{font-size: 11px;}
a {color:#626262; text-decoration:none;}
a:hover {text-decoration:underline}


h1 {font: normal 18px Tahoma; color: #c83835; margin-bottom:20px;}
h2 {font: normal 16px Tahoma; color: #c83835; margin-bottom:10px;}
h3 {font: bold 12px Tahoma; color: #2f3a5a; text-transform: uppercase; margin-bottom:5px;}
p { padding:0px; margin-bottom:10px;}

.color {color:#c83835;}
.bouton, .row input.bouton, .row_bt input.bouton{background-color:transparent; color:#838eae; 
  font:bold 11px Tahoma; line-height:21px; border-width:0; display:block; width:160px; height:21px; 
  text-align:center; background-image: url(images/fond/bouton.gif); cursor:pointer;}
.hr{font-size:1px; height:20px; border-bottom:2px solid #d6d7d1; margin:0 0 20px;}
.asterisque{font: italic 10px Tahoma;}

/* Formulaires */
input, select, textarea{border:1px solid #7b7b7b; font: normal 12px Tahoma; color: #626262; padding:1px;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}
input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 140px; text-align: right;}
.row label span{color:#f00;}
.row textarea, .row input {width: 125px;}
.row select {width: 125px;}

.row_bt {margin-left:72px; clear:both; margin-bottom:5px;}
.row_bt input {}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0; float:left;}
.row_chk label{float:none; display:block; margin-left:20px; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:265px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:140px; text-align:right;}
.row_rad .rad {margin-left:0px; margin-bottom:1px;}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}
.row_rad .rad input{vertical-align:middle; border:0; margin-right:3px;}
.row_rad .rad_civ {margin-left:120px; margin-bottom:1px;}
.row_rad .rad_civ label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}
.row_rad .rad_civ input{vertical-align:middle; border:0; margin-right:3px;}

/* Boites */
.boite_moitie{width:303px; margin-bottom:10px;  }
  .boite_moitie .boite_moitie_haut{width:303px; height:28px; }
  .boite_moitie .boite_moitie_contenu{border:1px solid #cecec5; border-width:0 1px 0 0; margin-top:-18px; width:281px; overflow:hidden; padding:0 10px;}
  .boite_moitie .boite_moitie_bas{width:303px; height:4px; font-size:1px; }

/* Etapes */
#etapes{margin-bottom:20px; list-style-type: none; height:30px;}
#etapes li{margin:0; float:left; display:inline; height:27px; background-image: url(images/etape.gif); 
  width:129px; height:27px; line-height:27px; text-align:center; padding-right:31px; font-size:11px; color:#999}
#etapes li.etape_cour{font-weight:bold; color:#626262}
#etapes li.etape_der{padding-right:0;}


/******************************************/
/******************  ENTETE  **************/
/******************************************/

#conteneur{width: 700px;margin:0 auto; overflow:hidden; display:inline;}
#entete {height:5px;margin-bottom:10px; position:relative;}
#contenu {width: 695px; margin:0 auto; position:relative;padding-bottom:20px;}
#contenu #liens_entete {margin-bottom:20px}
#contenu #liens_entete a {float:left; display:inline; margin-right:20px; font-size:11px;}


/******************************************/
/******************  ACHAT CARTE  **************/
/******************************************/


#contenu .carte{position: relative;width: 500px; height: 316px;}
/* Différents types de carte*/
#contenu .carte_base {background-image: url(images/fond/carte_base.jpg)}
#contenu .carte_jeune {background-image: url(images/fond/iytc-card.jpg)}
#contenu .carte_prof {background-image: url(images/fond/itic-card.jpg)}

.carte input{width: 112px;}

.carte img {vertical-align: middle}
.carte .universite {position: absolute;top: 167px; left: 12px;}
.carte .nom {position: absolute;top: 205px; left: 12px;}
.carte .prenom {position: absolute;top: 205px; left: 165px; width: 128px;}
.carte .date_naissance {position: absolute;top: 240px; left: 12px;}

.carte .nomjeune {position: absolute;top: 170px; left: 12px;}
.carte .prenomjeune {position: absolute;top: 170px; left: 160px; width: 128px;}
.carte .date_naissancejeune {position: absolute;top: 215px; left: 12px;}

#contenu .divValidity {position: relative;top: 180px; left: 12px;color: #000;font-size: 16px;font-weight: bold;}
#contenu .divNumIsic {position: relative;text-align: center;top: 165px; left: 310px;	width: 170px;color: #000;
        	background-color: #FFF;font-size: 16px;font-weight: bold;}
        	
.titreSmall {padding : 5px; font: bold 13px  Helvetica, Arial, Verdana,sans-serif; color: #159881;}

.enveloppe {width: 500px; height: 314px; position:relative; background-image: url(images/fond/enveloppe.jpg); margin-bottom:15px;}
.enveloppe .champs_adresse{position:absolute; top:140px; left:220px;}
.enveloppe .champs_adresse p{color: #000;font-size: 14px;font-weight: bold; margin-bottom:5px;}
.enveloppe .champs_adresse .row{ margin-bottom:2px;}
.enveloppe .champs_adresse .row input {width: 220px;}
.enveloppe .champs_adresse .row input#ITE_LIVR_CP{width:80px;}

#contenu .lien {font-weight: normal;color: #159881;}
#contenu .LinkGrey{
	padding : 5px 5px 5px 5px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #696969;
	line-height: 1.2em; 	
}

.avantage {padding:5px; height: 85px; margin-right:5px; width: 270px; font: bold 11px Tahoma; text-align: right; background-color: #17927C; color: white; float: left;}
    
#captcha {float: left;}

input.file {background-color: #FFF; border: 1px solid #F8E9D8;} 
.titre_numero{width:70px; float: left; }
.bouton_fermer{ float :right}
/*#valider {background-image: url(images/valider.png);}*/



/******************************************/
/***************  LOGIN  ******************/
/******************************************/
#form_nouveau{float:left;}
  #form_nouveau .boite_moitie_contenu{min-height:339px;}
  
#form_acces{float:right;}
  #form_acces .boite_moitie_contenu{min-height:150px;}
  
#form_oubli{float:right;}
  #form_oubli .boite_moitie_contenu{min-height:150px;}
  
  
.Moteur{width:558px; overflow-x:hidden; margin-bottom:10px; border-collapse:collapse; background-color:#f8e9d8; color:#252525;}
    .Moteur td, .Moteur th{padding:4px;}
    .Moteur thead th{text-align:center; font: bold 11px Tahoma; color:#a96113}

    .Moteur tbody .MoteurLigne1{background-color:#fff;border-top-width:1px;border-top-style:solid;}
    .Moteur tbody .MoteurLigne0{border-top-width:1px;border-top-style:dotted;}
    
    .Moteur tfoot td{}

/************************************************/
/***************  ACHAT CARTE  ******************/
/************************************************/
.Fr{float:right; display:inline;}
.Fl{float:left; display:inline;}

#head {width:625px; padding:15px 35px; color:#494949;}
#head #spaw {background:#f2f2f2 url(images/achat_carte/spaw-top.gif) 0 0 no-repeat;margin-bottom:8px;}
#head #spaw-txt {background:url(images/achat_carte/spaw-bot.gif) bottom no-repeat;padding:20px;}
#head #spaw-txt p{font-size:12px; color:#004a3c;}
#head #liens {margin:0 0 25px 25px;}
#head #liens a{display:block;font-size:12px; color:#686868; text-align:center; line-height:20px;height:23px;}
#head #liens a#achat {width:103px; background:url(images/achat_carte/achat.gif) 0 0 no-repeat; }
#head #liens a#login {width:103px;background:url(images/achat_carte/achat.gif) 0 0 no-repeat;margin-left:10px;}
#head #liens a#commande {width:103px;background:url(images/achat_carte/achat.gif) 0 0 no-repeat;margin-left:10px;}
#head #liens a#deconnexion {width:103px;background:url(images/achat_carte/achat.gif) 0 0 no-repeat;margin-left:10px;}

ul#etape {clear:both;list-style-type:none; margin:0 auto 25px; width:475px; background:url(images/achat_carte/barre-etape.gif) 0 17px repeat-x;padding:0 0 0 15px;}
ul#etape li{margin:0;float:left;} 
ul#etape li {width:115px;margin:0;float:left;font-size:14px; color:#b0b0b0; text-align:center;text-decoration:none;}
ul#etape li span{display:block; width:38px;background:url(images/achat_carte/etape.gif) left top no-repeat;font-size:18px; color:#59c5b3; text-align:center; line-height:39px;margin:0 0 15px 33px;}
ul#etape li.active{color:#686868;}
ul#etape li.active span{color:#686868;background-position:bottom;}

#docs {width:613px;padding:30px 41px;background:#f6f6f6;margin-bottom:15px;}
#docs .bloc {border:1px solid #e7e7e7; width:292px;background:#fff;}
#docs .bloc .titre{background:url(images/achat_carte/fond-h2.gif) repeat-x;padding-left:18px;}
#docs .bloc .titre h2{line-height:40px;float:left; margin:0 10px 0 0;}
#docs .bloc .titre a{display:block; float:left;padding-top:10px;height:21px;}
#docs .bloc .bloc-txt{clear:both;padding:15px 18px; color:#494949; height:190px;}
#docs .bloc .champ{padding:25px 12px 0; background:#fafafa;height:50px;}
#docs .bloc .champ input{border:1px solid #d4d4d4;}
#docs .bloc .champ .chargement {width:257px; height:13px; padding:0 6px 0 4px;background:url(images/achat_carte/fd-chgt.gif)0 0 no-repeat;margin-top:5px;}
#docs .bloc .champ .chargement img {float:left; margin-top:3px}
#docs .bloc .champ .chargement .chgt {background:#98abc0;float:left;width:10px;height:7px; margin-top:3px}
#docs .bloc .champ .chargement span {float:right; font:normal 10px Arial; color:#596d84;width:45px;text-align:right;}

.nav {margin:0 auto;}
.nav a{width:211px; font-size:14px; color:#686868; text-align:center; line-height:35px;background:url(images/achat_carte/bt.gif) 0 0 no-repeat;}
.bt1 {width:440px;margin-bottom:60px;}
.bt2{width:211px;}

#poursuivre {padding:0 41px;color:#494949; margin-bottom:20px;}
.div {width:600px; float:left}
.radio {margin-top:50px; float:left}