/* responsive design : Tablette : entre 600 et 1024 pixels (en mode portrait) (min-width: 768px) and (max-width: 1388px) */

/* css pour la page ../completed_donate.php et ../download.php */

table td 
{
border:0;
}

body
{
width :100% ;
background : #dcf9f9;    /* fond d'écran bleu clair */
}

.titre_1  /* TITRE en rouge "le processus..." */
{
text-align: center;
color: #0b2676;
font-size: 2em;
font-weight: bold;
font-family: Arial;
}

.texte_1    /* vous avez un crédit de: ... */
{
text-align: center;
color: #0b2676;
font-size: 1.5em;
font-style: italic;
font-weight: bold;
font-family: Arial;
}

.texte_3    /* Attention: il est possible que votre navigateur soit paramétré ... */
{
text-align: center;
color: #0b2676;
font-size: 1.3em;
font-style: italic;
font-family: Arial;
}

.texte_4    /* Si vous avez un problème de téléchargement ... */
{
text-align: center;
color: red;
font-size: 1.3em;
font-style: italic;
font-weight: bold;
font-family: Arial;
}

.link_marque    /* lien "lisez ceci" */
{
color: blue;
font-size: 1em;
font-family: Arial;
}

.credit   /* valeur de la variable $credit*/
{
color: red;
font-size: 1.4em;
font-style: italic;
font-weight: bold;
font-family: Arial;
}

.texte_2  /*  votre code de téléchargement est ... */
{
text-align: center;
color: #0b2676;
font-size: 1.5em;
font-weight: bold;
font-family: Arial;
}

.code   /* valeur de la variable $code mise dans un cadre */
{ 
border: 2px solid blue; /* Epaisseur et couleur de la bordure s'il y a lieu */
border-radius: 5px; /* arrondi les angles */
background: #f7f6f6; /* Couleur du fond du champ */
padding: 5px; 
text-align: center;
color: red; /* Couleur de la police */
font-size: 1.1em;
font-weight: bold;
font-family: Arial;
letter-spacing: .2rem;
} 

.mark   /* valeur de la variable $moteur (bouton retour manuels de la marque) mise dans un cadre */
{ 
border: 2px solid blue; /* Epaisseur et couleur de la bordure s'il y a lieu */
border-radius: 5px; /* arrondi les angles */
background: #f7f6f6; /* Couleur du fond du champ */
padding: 5px; 
text-align: center;
color: red; /* Couleur de la police */
font-size: 0.8em;
font-weight: bold;
font-family: Arial;
letter-spacing: .2rem;
} 

.download      /* bouton "download your manual" de completed_donate.php et download.php */
{
text-align: center;
width: 50%; 
}

.download_1      /* tableau des boutons "ouvrir votre manuel" et "telechargez votre manuel" de download.php */
{
text-align: center;
width: 48%; 
}

.download_2      /* boutons "ouvrir votre manuel" et "telechargez votre manuel" de download.php */
{
text-align: center;
width: 80%; 
}

.download_3      /* MOBILE : tableau des boutons "ouvrir votre manuel" et "telechargez votre manuel" de download.php */
{
display: none;
}

.download_4      /* MOBILE : boutons "ouvrir votre manuel" et "telechargez votre manuel" de download.php */
{
display: none;
}

img {
width: 50%;         /* taille du bouton "retour index" de completed_donate.php et "retours aux manuels" de download.php */
vertical-align:middle;  /* pour que le texte encadré "marque moteur" soit aligné au milieu du bouton "retour aux manuels" de download.php" */
}