Je n'arrive pas à me sortir de l'erreur 403

rbig -  
jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,
Je sollicite votre aide, car cela fais un moment que je suis bloqué avec une erreur 403. Au moment ou j'ai paramétrer le bouton envoyer du message pouvant être envoyer depuis le site vers la boite mail de l'entreprise. Cela me sort constamment sur l'erreur 403.

Merci d'avance de votre amabilité ainsi de votre aide.

5 réponses

  1.
    jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
     
    Bonjour
    sans voir le code cconcerné. .. impossible de t'aider. ..
    0
    1. rbig
       
      Ah oui c'est vrai désolé autant pour moi.

      Tu auras tout dans ce lien google drive : https://drive.google.com/folderview?id=0B-Ou172TB-7ZaWF4RjkxbjRpclE&usp=sharing

      car je n'ai pas réussi à copier directement le code dans commentcamarche.

      Merci encore.
      0
  2. rbig
     
    Je n'ai toujours pas trouver la solution, j'attend encore que l'ont m'aide :'(
    0
    2. rbig
       
      Je n'arrive toujours pas à mettre mon code html dessus. J'ai toujours le même problème de ne pas envoyer le message en mode sms. Sur le lien que tu m'as envoyer il n'est pas ancien ? car je trouve pas le bouton home pour pouvoir déposer mon code source.

      Merci de votre réponse.

      J'espère trouver une solution :/
      0
  3. Utilisateur anonyme
     
    Non, le lien que je t'ai envoyé pointe sur le chapitre "Balise Code", donc pour mettre du code dans un message.

    Le dépôt de source, est un autre chapitre, il concerne un code source complet, fonctionnel et à intérêt pédagogique, pas ton site personnel. Contraire à la charte, il va probablement être supprimé dans les heures à venir.

    C'est ici, qu'il faut poster, et pas le site entier, mais la ou les partie(s) concernant ta question.
    Apres je ne connais pas HTML et CSS donc il faudra attendre quelqu'un d'autre.

    0
  4. BunoCS Messages postés 5036 Date d'inscription   Statut Modérateur Dernière intervention   3 931
     
    Voici le code 

    <html > 
<head> 
<meta charset="UTF-8"> 
<title>Macpieces</title> 
<meta charset="UTF-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<meta name="description" content="Tim Robert-Fitzgerald is current freshmen at Oberlin College, and a freelance web developer on the weekends."> 
<meta name="author" content="Tim Robert-Fitzgerald"> 


<link rel='stylesheet prefetch' href='http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css'> 
<link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Raleway:100,500'> 

<link rel="stylesheet" href="css/style.css"> 




</head> 

<body> 

<html lang="en"> 
<body> 

<nav class="main-nav" id="main-nav"> 
<div style="height:80px;background: rgb(51,74,92);padding-top: 1px;"><h2 class="text-center" style="color:#fff; letter-spacing:2px;">MENU</h2></div> 
<ul class="nav nav-pills nav-stacked"> 
<li class="active"><a href="#"><i class="fa fa-home"></i>  Home</a></li> 
<li><a href="https://macpieces.fr/reparations"><i class="fa fa-wrench"></i>  Réparations</a></li>
<li><a href="https://macpieces.fr/piecesdetachees"><i class="fa fa-puzzle-piece"></i>  Pièces détachées</a></li> 
<li><a href="https://macpieces.fr/noslocaux"><i class="fa fa-users"></i>  Nos locaux</a></li> 
<li><a href="https://macpieces.fr/accessoires"><i class="fa fa-briefcase"></i>  Accessoires</a></li> 
<li><a href="https://macpieces.fr/occasion"><i class="fa fa-laptop"></i>  Occasion</a></li> 
<li><a href="#about"><i class="fa fa-user"></i>  Qui sommes-nous ?</a></li> 
</ul> 
</nav> 

<div class="page-wrap"> 

<div class="jumbotron"> 
<div style="margin-top:130px" class="container"> 
<a href="#main-nav" class="h5 open-menu"><i style="color:#fff; position: relative; bottom:120px; cursor:pointer;" class="fa fa-bars fa-2x fa-fw"></i></a> 
<a href="#" class="h5 close-menu"><i style="color:#fff; position: relative; bottom:120px; cursor:pointer;" class="fa fa-times fa-2x fa-fw"></i></a> 
<h1>MACPIECES</h1> 
<div class="spacer"></div> 
<h2 class="text-center">Ce Sont Des Produits Introuvables À Des Prix Imbattables</h2> 
<div class="spacer"></div> 
<hr><hr> 
<h2 class="text-center">Centre De Réparation Et Vente De Pièces Detachées Apple</h2> 
</div> 
</div> 

<div class="section" id="local"><h1>Nos Locaux</h1><hr></div> 

<div class="container"> 
<div class="row"> 
<div class="col-md-6"> 
<div class="well"> 
<a href="http://www.justacote.com/photos_entreprises/macpieces-paris-13899923433.jpg"><img src="http://www.justacote.com/photos_entreprises/macpieces-paris-13899923433.jpg" alt="teamflightbasketball.com" height="150px" class="pull-left" style="padding-right: 15px; padding-bottom: 0px; padding-top:0px;"></a> 
<h3>Atelier</h3> 
<p>Chaque réparation est faite dans notre atelier avec le plus grand sérieux et la plus grande dextérité</p> 
<div class="spacer"></div><div class="spacer"></div> 
</div> 
</div> 
<div class="col-md-6"> 
<div class="well"> 
<a href="https://s3-media3.fl.yelpcdn.com/bphoto/I7fKpRMGJQn6-SBqFJjunQ/ls.jpg"><img src="https://s3-media3.fl.yelpcdn.com/bphoto/I7fKpRMGJQn6-SBqFJjunQ/ls.jpg" alt="GivingShops.com" height="150px" class="pull-left" style="padding-right: 15px; padding-bottom: 0px; padding-top:0px;"></a> 
<h3>Acceuil</h3> 
<p>Nous vous accueillons dans notre boutique pour satisfaire au mieux votre demande.</p> 
<div class="spacer"></div><div class="spacer"></div> 
</div> 
</div> 
</div><!--/.row--> 
</div><!--/.container--> 

<div class="container"> 

</div><!--/.container--> 
<div class="work visible-lg" style="height:250px !important;"> 
<div class="container"> 
<div class="row"> 
<div class="col-md-3"> 
<h3><i class="fa fa-check-square"></i>  Fiabilité</h3> 
<p>Nous vous assurons que toutes nos réparations sont garanties 3 mois après la remise en main propre de l'appareil en question au client.</p> 
</div> 
<div class="col-md-3"> 
<h3><i class="fa fa-fighter-jet"></i>  Rapide</h3> 
<p>Nous effectuons nos réparations toujours avec sérieux et sérénité pour le bien de l'appareil mise à notre disposition. Et bien évidemment toujours avec le plus de rapidité possible afin de satisfaire au maximum le client.</p> 
</div> 
<div class="col-md-3"> 
<h3><i class="fa fa-comments"></i>  Contact</h3> 
<p>MacPieces est ouvert :</br>Du Lundi au Vendredi : de 11h à 19h</br>Le Samedi : de 12h à 19h </p> 
</div> 
<div class="col-md-3"> 
<h3><i class="fa fa-child"></i>  Relation Client</h3> 
<p>Nous sommes à l'écoute du client, nous restons ouvert à vos question en toutes circonstances que ce soit sur place où par téléphone.</p> 
</div> 
</div><!--/.row--> 
</div><!--/.container--> 
</div><!--/.work--> 
<!--mobile work--> 
<div class="container hidden-lg"> 
<div class="row"> 
<div class="col-md-12 col-sm-12 col-xs-12"> 
<div class="well"> 
<h3><i class="fa fa-check-square"></i>  Fiabilité</h3> 
<p>Nous vous assurons que toutes nos réparations sont garanties 3 mois après la remise en main propre de l'appareil en question au client.</p> 
</div> 
</div> 
<div class="col-md-12 col-sm-12 col-xs-12"> 
<div class="well"> 
<h3><i class="fa fa-fighter-jet"></i>  Rapide</h3> 
<p>Nous effectuons nos réparations toujours avec sérieux et sérénité pour le bien de l'appareil mise à notre disposition. Et bien évidemment toujours avec le plus de rapidité possible afin de satisfaire au maximum le client.</p> 
</div> 
</div> 
<div class="col-md-12 col-sm-12 col-xs-12"> 
<div class="well"> 
<h3><i class="fa fa-comments"></i>  Contact</h3> 
<p>MacPieces est ouvert :</br>Du Lundi au Vendredi : de 11h à 19h</br>Le Samedi : de 12h à 19h </p> 
</div> 
</div> 
<div class="col-md-12 col-sm-12 col-xs-12"> 
<div class="well"> 
<h3><i class="fa fa-child"></i>  Relation Client</h3> 
<p>Nous sommes à l'écoute du client, nous restons ouvert à vos question en toutes circonstances que ce soit sur place où par téléphone.</p> 
</div> 
</div> 
</div><!--/.row--> 
</div><!--/.container and mobile work--> 

<div class="section" id="about"><h1>Qui sommes-nous ?</h1><hr></div> 

<div class="container"> 
<div class="row"> 
<div class="col-md-4"> 
<div class="well"> 
<img src="images/logo.jpg"> 
</div> 
</div> 
<div class="col-md-8"> 
<div class="well"> 
<p>MACPIECES est une boutique en ligne spécialisée dans la vente de pièces détachées et réparations pour tous les produits Apple : ordinateurs portables Macbook , ordinateurs fixes iMac, iPod et iPhone. </br></br> 
Venez profiter de tarifs imbattables pour les pièces détachées, les accessoires et les réparations iPhone , iPod et Mac. MACPIECES ce sont aussi des chargeurs, des batteries, des housses, et beaucoup d'autres accessoires à prix bas. C'est aussi un service de réparations en ligne pour iPhone, iPad, iPod, Mac, iMac. </br></br> 
Notre statut de vendeur français nous permet d'offrir à nos clients la garantie d'un produit et d'un SAV de qualité. Nous livrons dans le monde entier. MACPIECES s'adresse aux particuliers aussi bien qu'aux professionnels. Vous pouvez être toujours sûr que vous achetez des pièces détachées de qualité chez MACPIECES.</p> 
</div> 
</div> 
</div><!--/.row--> 
</div><!--/.container--> 

<!--<div class="hidden-xs"><div class="work-together" id="contact">LETS WORK TOGETHER</div></div>--> 

<div class="work-together"> 
<div class="container"> 
<div class="row"> 
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12"> 
<h3>Envoyez-nous un message</h3> 
<div class="spacer"></div> 
<form class="form-horizontal" role="form" id="form" method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>" > 
<div class="form-group"> 
<label for="nom" class="col-sm-2 control-label">Nom</label> 
<div class="col-sm-10"> 
<input type="text" class="contact form-control" name="name" id="name" placeholder="Nom"> 
</div> 
</div> 
<div class="form-group"> 
<label for="email" class="col-sm-2 control-label">Email</label> 
<div class="col-sm-10"> 
<input type="email" class="contact form-control" name="email" id="email" placeholder="Email"> 
</div> 
</div> 
<div class="form-group"> 
<label for="sujet" class="col-sm-2 control-label">Sujet</label> 
<div class="col-sm-10"> 
<input type="text" class="contact form-control" name="subject" id="subject" placeholder="Sujet">
</div> 
</div> 
<div class="form-group"> 
<label for="message" class="col-sm-2 control-label">Message</label> 
<div class="col-sm-10"> 
<textarea class="contact form-control" rows="3" name="message" id="message" placeholder="Message"></textarea> 
</div> 
</div> 
<div class="form-group"> 
<div class="col-sm-offset-2 col-sm-10"> 
<input type="submit" value="Envoyer" class="btn btn-default" name="submit"> 
</div> 
</div> 
</form> 

</div><!--/.col--> 
<div class="col-lg-4 col-md-4 hidden-sm hidden-xs"> 
<h3>Nous Contacter</h3><div class="spacer"></div> 
<p class="lead" style="margin-bottom:0px;"><i class="fa fa-map-marker"></i>  6 Rue Rodier</p><p class="lead" style="text-indent:24px">75009 Paris</p> 
<p class="lead"><i class="fa fa-phone"></i>  +33 9 80 44 30 48</p> 
<p class="lead"><i class="fa fa-envelope"></i>  info.macpieces@gmail.com</p> 
</div> 
</div><!--/.row--> 
</div><!--/.container--> 
<div class="container hidden-sm hidden-xs"><div class="spacer"></div><div class="spacer"></div><footer><p class="pull-right">© 2016 MacPieces </p></footer></div> 
</div><!--/.work-together--> 

</div><!--/.page-wrap--> 
</body> 
</html> 





</body> 
</html>


    C'est normal qu'il y ait 2 balises 
    html
    et 2 
    body
    ? 

    html { 
font-family: sans-serif; 
-ms-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100% 
} 

body { 
margin: 0 
} 

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
nav, 
section, 
summary { 
display: block 
} 

audio, 
canvas, 
progress, 
video { 
display: inline-block; 
vertical-align: baseline 
} 

audio:not([controls]) { 
display: none; 
height: 0 
} 

[hidden], 
template { 
display: none 
} 

a { 
background: transparent 
} 

a:active, 
a:hover { 
outline: 0 
} 

abbr[title] { 
border-bottom: 1px dotted 
} 

b, 
strong { 
font-weight: bold 
} 

dfn { 
font-style: italic 
} 

h1 { 
font-size: 2em; 
margin: 0.67em 0 
} 

mark { 
background: #ff0; 
color: #000 
} 

small { 
font-size: 80% 
} 

sub, 
sup { 
font-size: 75%; 
line-height: 0; 
position: relative; 
vertical-align: baseline 
} 

sup { 
top: -0.5em 
} 

sub { 
bottom: -0.25em 
} 

img { 
border: 0 
} 

svg:not(:root) { 
overflow: hidden 
} 

figure { 
margin: 1em 40px 
} 

hr { 
-moz-box-sizing: content-box; 
box-sizing: content-box; 
height: 0 
} 

pre { 
overflow: auto 
} 

code, 
kbd, 
pre, 
samp { 
font-family: monospace, monospace; 
font-size: 1em 
} 

button, 
input, 
optgroup, 
select, 
textarea { 
color: inherit; 
font: inherit; 
margin: 0 
} 

button { 
overflow: visible 
} 

button, 
select { 
text-transform: none 
} 

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance: button; 
cursor: pointer 
} 

button[disabled], 
html input[disabled] { 
cursor: default 
} 

button::-moz-focus-inner, 
input::-moz-focus-inner { 
border: 0; 
padding: 0 
} 

input { 
line-height: normal 
} 

input[type="checkbox"], 
input[type="radio"] { 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
padding: 0 
} 

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
height: auto 
} 

input[type="search"] { 
-webkit-appearance: textfield; 
-moz-box-sizing: content-box; 
box-sizing: content-box 
} 

input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration { 
-webkit-appearance: none 
} 

fieldset { 
border: 1px solid #faa401; 
margin: 0 2px; 
padding: 0.35em 0.625em 0.75em 
} 

legend { 
border: 0; 
padding: 0 
} 

textarea { 
overflow: auto 
} 

optgroup { 
font-weight: bold 
} 

table { 
border-collapse: collapse; 
border-spacing: 0 
} 

td, 
th { 
padding: 0 
}
{

-moz-box-sizing: border-box; 
box-sizing: border-box 
}
:before,
:after {

-moz-box-sizing: border-box; 
box-sizing: border-box 
} 

html { 
font-size: 62.5%; 
-webkit-tap-highlight-color: transparent 
} 

body { 
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-size: 14px; 
line-height: 1.42857; 
color: #333; 
background-color: #f2f3f8 
} 

input, 
button, 
select, 
textarea { 
font-family: inherit; 
font-size: inherit; 
line-height: inherit 
} 

a { 
color: #428bca; 
text-decoration: none 
} 

a:hover, 
a:focus { 
color: #2a6496; 
text-decoration: underline 
} 

a:focus { 
outline: thin dotted; 
outline: 5px auto -webkit-focus-ring-color; 
outline-offset: -2px 
} 

figure { 
margin: 0 
} 

img { 
vertical-align: middle 
} 

.img-responsive { 
display: block; 
max-width: 100%; 
height: auto 
} 

.img-rounded { 
border-radius: 6px 
} 

.img-thumbnail { 
padding: 4px; 
line-height: 1.42857; 
background-color: #f2f3f8; 
border: 1px solid #ddd; 
border-radius: 4px; 
-webkit-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; 
display: inline-block; 
max-width: 100%; 
height: auto 
} 

.img-circle { 
border-radius: 50% 
} 

hr { 
margin-top: 20px; 
margin-bottom: 20px; 
border: 0; 
border-top: 1px solid #34495e 
} 

.sr-only { 
position: absolute; 
width: 1px; 
height: 1px; 
margin: -1px; 
padding: 0; 
overflow: hidden; 
clip: rect(0, 0, 0, 0); 
border: 0 
} 

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6 { 
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-weight: 500; 
line-height: 1.1; 
color: #34495e 
} 

h1 small, 
h1 .small, 
h2 small, 
h2 .small, 
h3 small, 
h3 .small, 
h4 small, 
h4 .small, 
h5 small, 
h5 .small, 
h6 small, 
h6 .small, 
.h1 small, 
.h1 .small, 
.h2 small, 
.h2 .small, 
.h3 small, 
.h3 .small, 
.h4 small, 
.h4 .small, 
.h5 small, 
.h5 .small, 
.h6 small, 
.h6 .small { 
font-weight: normal; 
line-height: 1; 
color: #999 
} 

h1, 
.h1, 
h2, 
.h2, 
h3, 
.h3 { 
margin-top: 20px; 
margin-bottom: 10px 
} 

h1 small, 
h1 .small, 
.h1 small, 
.h1 .small, 
h2 small, 
h2 .small, 
.h2 small, 
.h2 .small, 
h3 small, 
h3 .small, 
.h3 small, 
.h3 .small { 
font-size: 65% 
} 

h4, 
.h4, 
h5, 
.h5, 
h6, 
.h6 { 
margin-top: 10px; 
margin-bottom: 10px 
} 

h4 small, 
h4 .small, 
.h4 small, 
.h4 .small, 
h5 small, 
h5 .small, 
.h5 small, 
.h5 .small, 
h6 small, 
h6 .small, 
.h6 small, 
.h6 .small { 
font-size: 75% 
} 

h1, 
.h1 { 
font-size: 36px 
} 

h2, 
.h2 { 
font-size: 30px 
} 

h3, 
.h3 { 
font-size: 24px 
} 

h4, 
.h4 { 
font-size: 18px 
} 

h5, 
.h5 { 
font-size: 14px 
} 

h6, 
.h6 { 
font-size: 12px 
} 

p { 
margin: 0 0 10px; 
color: #34495e 
} 

.lead { 
margin-bottom: 20px; 
font-size: 16px; 
font-weight: 200; 
line-height: 1.4 
} 

@media (min-width: 768px) { 
.lead { 
font-size: 19px 
} 
} 

small, 
.small { 
font-size: 85% 
} 

cite { 
font-style: normal 
} 

.text-left { 
text-align: left 
} 

.text-right { 
text-align: right 
} 

.text-center { 
text-align: center 
} 

.text-justify { 
text-align: justify 
} 

.text-muted { 
color: #999 
} 

.text-primary { 
color: #428bca 
} 

a.text-primary:hover { 
color: #3071a9 
} 

.text-success { 
color: #3c763d 
} 

a.text-success:hover { 
color: #2b542c 
} 

.text-info { 
color: #31708f 
} 

a.text-info:hover { 
color: #245269 
} 

.text-warning { 
color: #8a6d3b 
} 

a.text-warning:hover { 
color: #66512c 
} 

.text-danger { 
color: #a94442 
} 

a.text-danger:hover { 
color: #843534 
} 

.bg-primary { 
color: #fff 
} 

.bg-primary { 
background-color: #428bca 
} 

a.bg-primary:hover { 
background-color: #3071a9 
} 

.bg-success { 
background-color: #dff0d8 
} 

a.bg-success:hover { 
background-color: #c1e2b3 
} 

.bg-info { 
background-color: #d9edf7 
} 

a.bg-info:hover { 
background-color: #afd9ee 
} 

.bg-warning { 
background-color: #fcf8e3 
} 

a.bg-warning:hover { 
background-color: #f7ecb5 
} 

.bg-danger { 
background-color: #f2dede 
} 

a.bg-danger:hover { 
background-color: #e4b9b9 
} 

.page-header { 
padding-bottom: 9px; 
margin: 40px 0 20px; 
border-bottom: 1px solid #eee 
} 

ul, 
ol { 
margin-top: 0; 
margin-bottom: 10px 
} 

ul ul, 
ul ol, 
ol ul, 
ol ol { 
margin-bottom: 0 
} 

.list-unstyled, 
.list-inline { 
padding-left: 0; 
list-style: none 
} 

.list-inline { 
margin-left: -5px 
} 

.list-inline>li { 
display: inline-block; 
padding-left: 5px; 
padding-right: 5px 
} 

dl { 
margin-top: 0; 
margin-bottom: 20px 
} 

dt, 
dd { 
line-height: 1.42857 
} 

dt { 
font-weight: bold 
} 

dd { 
margin-left: 0 
} 

@media (min-width: 768px) { 
.dl-horizontal dt { 
float: left; 
width: 160px; 
clear: left; 
text-align: right; 
overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap 
} 
.dl-horizontal dd { 
margin-left: 180px 
} 
.dl-horizontal dd:before, 
.dl-horizontal dd:after { 
content: " "; 
display: table 
} 
.dl-horizontal dd:after { 
clear: both 
} 
} 

abbr[title], 
abbr[data-original-title] { 
cursor: help; 
border-bottom: 1px dotted #999 
} 

.initialism { 
font-size: 90%; 
text-transform: uppercase 
} 

blockquote { 
padding: 10px 20px; 
margin: 0 0 20px; 
font-size: 17.5px; 
border-left: 5px solid #eee 
} 

blockquote p:last-child, 
blockquote ul:last-child, 
blockquote ol:last-child { 
margin-bottom: 0 
} 

blockquote footer, 
blockquote small, 
blockquote .small { 
display: block; 
font-size: 80%; 
line-height: 1.42857; 
color: #999 
} 

blockquote footer:before, 
blockquote small:before, 
blockquote .small:before { 
content: '2014 0A0' 
} 

.blockquote-reverse, 
blockquote.pull-right { 
padding-right: 15px; 
padding-left: 0; 
border-right: 5px solid #eee; 
border-left: 0; 
text-align: right 
} 

.blockquote-reverse footer:before, 
.blockquote-reverse small:before, 
.blockquote-reverse .small:before, 
blockquote.pull-right footer:before, 
blockquote.pull-right small:before, 
blockquote.pull-right .small:before { 
content: '' 
} 

.blockquote-reverse footer:after, 
.blockquote-reverse small:after, 
.blockquote-reverse .small:after, 
blockquote.pull-right footer:after, 
blockquote.pull-right small:after, 
blockquote.pull-right .small:after { 
content: '0A0 2014' 
} 

blockquote:before, 
blockquote:after { 
content: "" 
} 

address { 
margin-bottom: 20px; 
font-style: normal; 
line-height: 1.42857 
} 

code, 
kbd, 
pre, 
samp { 
font-family: Menlo, Monaco, Consolas, "Courier New", monospace 
} 

code { 
padding: 2px 4px; 
font-size: 90%; 
color: #c7254e; 
background-color: #f9f2f4; 
white-space: nowrap; 
border-radius: 4px 
} 

kbd { 
padding: 2px 4px; 
font-size: 90%; 
color: #fff; 
background-color: #333; 
border-radius: 3px; 
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25) 
} 

pre { 
display: block; 
padding: 9.5px; 
margin: 0 0 10px; 
font-size: 13px; 
line-height: 1.42857; 
word-break: break-all; 
word-wrap: break-word; 
color: #333; 
background-color: #f5f5f5; 
border: 1px solid #ccc; 
border-radius: 4px 
} 

pre code { 
padding: 0; 
font-size: inherit; 
color: inherit; 
white-space: pre-wrap; 
background-color: transparent; 
border-radius: 0 
} 

.pre-scrollable { 
max-height: 340px; 
overflow-y: scroll 
} 

.container { 
margin-right: auto; 
margin-left: auto; 
padding-left: 15px; 
padding-right: 15px 
} 

.container:before, 
.container:after { 
content: " "; 
display: table 
} 

.container:after { 
clear: both 
} 

@media (min-width: 768px) { 
.container { 
width: 750px 
} 
} 

@media (min-width: 992px) { 
.container { 
width: 970px 
} 
} 

@media (min-width: 1200px) { 
.container { 
width: 1170px 
} 
} 

.container-fluid { 
margin-right: auto; 
margin-left: auto; 
padding-left: 15px; 
padding-right: 15px 
} 

.container-fluid:before, 
.container-fluid:after { 
content: " "; 
display: table 
} 

.container-fluid:after { 
clear: both 
} 

.row { 
margin-left: -15px; 
margin-right: -15px 
} 

.row:before, 
.row:after { 
content: " "; 
display: table 
} 

.row:after { 
clear: both 
} 

.col-xs-1, 
.col-sm-1, 
.col-md-1, 
.col-lg-1, 
.col-xs-2, 
.col-sm-2, 
.col-md-2, 
.col-lg-2, 
.col-xs-3, 
.col-sm-3, 
.col-md-3, 
.col-lg-3, 
.col-xs-4, 
.col-sm-4, 

.col-lg-4, 
.col-xs-5, 
.col-sm-5, 
.col-md-5, 
.col-lg-5, 
.col-xs-6, 
.col-sm-6, 
.col-md-6, 
.col-lg-6, 
.col-xs-7, 
.col-sm-7, 
.col-md-7, 
.col-lg-7, 
.col-xs-8, 
.col-sm-8, 
.col-md-8, 
.col-lg-8, 
.col-xs-9, 
.col-sm-9, 
.col-md-9, 
.col-lg-9, 
.col-xs-10, 
.col-sm-10, 
.col-md-10, 
.col-lg-10, 
.col-xs-11, 
.col-sm-11, 
.col-md-11, 
.col-lg-11, 
.col-xs-12, 
.col-sm-12, 
.col-md-12, 
.col-lg-12 { 
position: relative; 
min-height: 12px; 
padding-left: 15px; 
padding-right: 15px 
} 
.col-md-4 { 
position: relative; 
min-height: 1px; 
padding-left: 15px; 
padding-right: 105px 
} 

.col-xs-1, 
.col-xs-2, 
.col-xs-3, 
.col-xs-4, 
.col-xs-5, 
.col-xs-6, 
.col-xs-7, 
.col-xs-8, 
.col-xs-9, 
.col-xs-10, 
.col-xs-11, 
.col-xs-12 { 
float: left 
} 

.col-xs-1 { 
width: 8.33333% 
} 

.col-xs-2 { 
width: 16.66667% 
} 

.col-xs-3 { 
width: 25% 
} 

.col-xs-4 { 
width: 33.33333% 
} 

.col-xs-5 { 
width: 41.66667% 
} 

.col-xs-6 { 
width: 50% 
} 

.col-xs-7 { 
width: 58.33333% 
} 

.col-xs-8 { 
width: 66.66667% 
} 

.col-xs-9 { 
width: 75% 
} 

.col-xs-10 { 
width: 83.33333% 
} 

.col-xs-11 { 
width: 91.66667% 
} 

.col-xs-12 { 
width: 100% 
} 

.col-xs-pull-0 { 
right: 0% 
} 

.col-xs-pull-1 { 
right: 8.33333% 
} 

.col-xs-pull-2 { 
right: 16.66667% 
} 

.col-xs-pull-3 { 
right: 25% 
} 

.col-xs-pull-4 { 
right: 33.33333% 
} 

.col-xs-pull-5 { 
right: 41.66667% 
} 

.col-xs-pull-6 { 
right: 50% 
} 

.col-xs-pull-7 { 
right: 58.33333% 
} 

.col-xs-pull-8 { 
right: 66.66667% 
} 

.col-xs-pull-9 { 
right: 75% 
} 

.col-xs-pull-10 { 
right: 83.33333% 
} 

.col-xs-pull-11 { 
right: 91.66667% 
} 

.col-xs-pull-12 { 
right: 100% 
} 

.col-xs-push-0 { 
left: 0% 
} 

.col-xs-push-1 { 
left: 8.33333% 
} 

.col-xs-push-2 { 
left: 16.66667% 
} 

.col-xs-push-3 { 
left: 25% 
} 

.col-xs-push-4 { 
left: 33.33333% 
} 

.col-xs-push-5 { 
left: 41.66667% 
} 

.col-xs-push-6 { 
left: 50% 
} 

.col-xs-push-7 { 
left: 58.33333% 
} 

.col-xs-push-8 { 
left: 66.66667% 
} 

.col-xs-push-9 { 
left: 75% 
} 

.col-xs-push-10 { 
left: 83.33333% 
} 

.col-xs-push-11 { 
left: 91.66667% 
} 

.col-xs-push-12 { 
left: 100% 
} 

.col-xs-offset-0 { 
margin-left: 0% 
} 

.col-xs-offset-1 { 
margin-left: 8.33333% 
} 

.col-xs-offset-2 { 
margin-left: 16.66667% 
} 

.col-xs-offset-3 { 
margin-left: 25% 
} 

.col-xs-offset-4 { 
margin-left: 33.33333% 
} 

.col-xs-offset-5 { 
margin-left: 41.66667% 
} 

.col-xs-offset-6 { 
margin-left: 50% 
} 

.col-xs-offset-7 { 
margin-left: 58.33333% 
} 

.col-xs-offset-8 { 
margin-left: 66.66667% 
} 

.col-xs-offset-9 { 
margin-left: 75% 
} 

.col-xs-offset-10 { 
margin-left: 83.33333% 
} 

.col-xs-offset-11 { 
margin-left: 91.66667% 
} 

.col-xs-offset-12 { 
margin-left: 100% 
} 

@media (min-width: 768px) { 
.col-sm-1, 
.col-sm-2, 
.col-sm-3, 
.col-sm-4, 
.col-sm-5, 
.col-sm-6, 
.col-sm-7, 
.col-sm-8, 
.col-sm-9, 
.col-sm-10, 
.col-sm-11, 
.col-sm-12 { 
float: left 
} 
.col-sm-1 { 
width: 8.33333% 
} 
.col-sm-2 { 
width: 16.66667% 
} 
.col-sm-3 { 
width: 25% 
} 
.col-sm-4 { 
width: 33.33333% 
} 
.col-sm-5 { 
width: 41.66667% 
} 
.col-sm-6 { 
width: 50% 
} 
.col-sm-7 { 
width: 58.33333% 
} 
.col-sm-8 { 
width: 66.66667% 
} 
.col-sm-9 { 
width: 75% 
} 
.col-sm-10 { 
width: 83.33333% 
} 
.col-sm-11 { 
width: 91.66667% 
} 
.col-sm-12 { 
width: 100% 
} 
.col-sm-pull-0 { 
right: 0% 
} 
.col-sm-pull-1 { 
right: 8.33333% 
} 
.col-sm-pull-2 { 
right: 16.66667% 
} 
.col-sm-pull-3 { 
right: 25% 
} 
.col-sm-pull-4 { 
right: 33.33333% 
} 
.col-sm-pull-5 { 
right: 41.66667% 
} 
.col-sm-pull-6 { 
right: 50% 
} 
.col-sm-pull-7 { 
right: 58.33333% 
} 
.col-sm-pull-8 { 
right: 66.66667% 
} 
.col-sm-pull-9 { 
right: 75% 
} 
.col-sm-pull-10 { 
right: 83.33333% 
} 
.col-sm-pull-11 { 
right: 91.66667% 
} 
.col-sm-pull-12 { 
right: 100% 
} 
.col-sm-push-0 { 
left: 0% 
} 
.col-sm-push-1 { 
left: 8.33333% 
} 
.col-sm-push-2 { 
left: 16.66667% 
} 
.col-sm-push-3 { 
left: 25% 
} 
.col-sm-push-4 { 
left: 33.33333% 
} 
.col-sm-push-5 { 
left: 41.66667% 
} 
.col-sm-push-6 { 
left: 50% 
} 
.col-sm-push-7 { 
left: 58.33333% 
} 
.col-sm-push-8 { 
left: 66.66667% 
} 
.col-sm-push-9 { 
left: 75% 
} 
.col-sm-push-10 { 
left: 83.33333% 
} 
.col-sm-push-11 { 
left: 91.66667% 
} 
.col-sm-push-12 { 
left: 100% 
} 
.col-sm-offset-0 { 
margin-left: 0% 
} 
.col-sm-offset-1 { 
margin-left: 8.33333% 
} 
.col-sm-offset-2 { 
margin-left: 16.66667% 
} 
.col-sm-offset-3 { 
margin-left: 25% 
} 
.col-sm-offset-4 { 
margin-left: 33.33333% 
} 
.col-sm-offset-5 { 
margin-left: 41.66667% 
} 
.col-sm-offset-6 { 
margin-left: 50% 
} 
.col-sm-offset-7 { 
margin-left: 58.33333% 
} 
.col-sm-offset-8 { 
margin-left: 66.66667% 
} 
.col-sm-offset-9 { 
margin-left: 75% 
} 
.col-sm-offset-10 { 
margin-left: 83.33333% 
} 
.col-sm-offset-11 { 
margin-left: 91.66667% 
} 
.col-sm-offset-12 { 
margin-left: 100% 
} 
} 

@media (min-width: 992px) { 
.col-md-1, 
.col-md-2, 
.col-md-3, 
.col-md-4, 
.col-md-5, 
.col-md-6, 
.col-md-7, 
.col-md-8, 
.col-md-9, 
.col-md-10, 
.col-md-11, 
.col-md-12 { 
float: left 
} 
.col-md-1 { 
width: 8.33333% 
} 
.col-md-2 { 
width: 16.66667% 
} 
.col-md-3 { 
width: 25% 
} 
.col-md-4 { 
width: 33.33333% 
} 
.col-md-5 { 
width: 41.66667% 
} 
.col-md-6 { 
width: 50% 
} 
.col-md-7 { 
width: 58.33333% 
} 
.col-md-8 { 
width: 66.66667% 
} 
.col-md-9 { 
width: 75% 
} 
.col-md-10 { 
width: 83.33333% 
} 
.col-md-11 { 
width: 91.66667% 
} 
.col-md-12 { 
width: 100% 
} 
.col-md-pull-0 { 
right: 0% 
} 
.col-md-pull-1 { 
right: 8.33333% 
} 
.col-md-pull-2 { 
right: 16.66667% 
} 
.col-md-pull-3 { 
right: 25% 
} 
.col-md-pull-4 { 
right: 33.33333% 
} 
.col-md-pull-5 { 
right: 41.66667% 
} 
.col-md-pull-6 { 
right: 50% 
} 
.col-md-pull-7 { 
right: 58.33333% 
} 
.col-md-pull-8 { 
right: 66.66667% 
} 
.col-md-pull-9 { 
right: 75% 
} 
.col-md-pull-10 { 
right: 83.33333% 
} 
.col-md-pull-11 { 
right: 91.66667% 
} 
.col-md-pull-12 { 
right: 100% 
} 
.col-md-push-0 { 
left: 0% 
} 
.col-md-push-1 { 
left: 8.33333% 
} 
.col-md-push-2 { 
left: 16.66667% 
} 
.col-md-push-3 { 
left: 25% 
} 
.col-md-push-4 { 
left: 33.33333% 
} 
.col-md-push-5 { 
left: 41.66667% 
} 
.col-md-push-6 { 
left: 50% 
} 
.col-md-push-7 { 
left: 58.33333% 
} 
.col-md-push-8 { 
left: 66.66667% 
} 
.col-md-push-9 { 
left: 75% 
} 
.col-md-push-10 { 
left: 83.33333% 
} 
.col-md-push-11 { 
left: 91.66667% 
} 
.col-md-push-12 { 
left: 100% 
} 
.col-md-offset-0 { 
margin-left: 0% 
} 
.col-md-offset-1 { 
margin-left: 8.33333% 
} 
.col-md-offset-2 { 
margin-left: 16.66667% 
} 
.col-md-offset-3 { 
margin-left: 25% 
} 
.col-md-offset-4 { 
margin-left: 33.33333% 
} 
.col-md-offset-5 { 
margin-left: 41.66667% 
} 
.col-md-offset-6 { 
margin-left: 50% 
} 
.col-md-offset-7 { 
margin-left: 58.33333% 
} 
.col-md-offset-8 { 
margin-left: 66.66667% 
} 
.col-md-offset-9 { 
margin-left: 75% 
} 
.col-md-offset-10 { 
margin-left: 83.33333% 
} 
.col-md-offset-11 { 
margin-left: 91.66667% 
} 
.col-md-offset-12 { 
margin-left: 100% 
} 
} 

@media (min-width: 1200px) { 
.col-lg-1, 
.col-lg-2, 
.col-lg-3, 
.col-lg-4, 
.col-lg-5, 
.col-lg-6, 
.col-lg-7, 
.col-lg-8, 
.col-lg-9, 
.col-lg-10, 
.col-lg-11, 
.col-lg-12 { 
float: left 
} 
.col-lg-1 { 
width: 8.33333% 
} 
.col-lg-2 { 
width: 16.66667% 
} 
.col-lg-3 { 
width: 25% 
} 
.col-lg-4 { 
width: 33.33333% 
} 
.col-lg-5 { 
width: 41.66667% 
} 
.col-lg-6 { 
width: 50% 
} 
.col-lg-7 { 
width: 58.33333% 
} 
.col-lg-8 { 
width: 66.66667% 
} 
.col-lg-9 { 
width: 75% 
} 
.col-lg-10 { 
width: 83.33333% 
} 
.col-lg-11 { 
width: 91.66667% 
} 
.col-lg-12 { 
width: 100% 
} 
.col-lg-pull-0 { 
right: 0% 
} 
.col-lg-pull-1 { 
right: 8.33333% 
} 
.col-lg-pull-2 { 
right: 16.66667% 
} 
.col-lg-pull-3 { 
right: 25% 
} 
.col-lg-pull-4 { 
right: 33.33333% 
} 
.col-lg-pull-5 { 
right: 41.66667% 
} 
.col-lg-pull-6 { 
right: 50% 
} 
.col-lg-pull-7 { 
right: 58.33333% 
} 
.col-lg-pull-8 { 
right: 66.66667% 
} 
.col-lg-pull-9 { 
right: 75% 
} 
.col-lg-pull-10 { 
right: 83.33333% 
} 
.col-lg-pull-11 { 
right: 91.66667% 
} 
.col-lg-pull-12 { 
right: 100% 
} 
.col-lg-push-0 { 
left: 0% 
} 
.col-lg-push-1 { 
left: 8.33333% 
} 
.col-lg-push-2 { 
left: 16.66667% 
} 
.col-lg-push-3 { 
left: 25% 
} 
.col-lg-push-4 { 
left: 33.33333% 
} 
.col-lg-push-5 { 
left: 41.66667% 
} 
.col-lg-push-6 { 
left: 50% 
} 
.col-lg-push-7 { 
left: 58.33333% 
} 
.col-lg-push-8 { 
left: 66.66667% 
} 
.col-lg-push-9 { 
left: 75% 
} 
.col-lg-push-10 { 
left: 83.33333% 
} 
.col-lg-push-11 { 
left: 91.66667% 
} 
.col-lg-push-12 { 
left: 100% 
} 
.col-lg-offset-0 { 
margin-left: 0% 
} 
.col-lg-offset-1 { 
margin-left: 8.33333% 
} 
.col-lg-offset-2 { 
margin-left: 16.66667% 
} 
.col-lg-offset-3 { 
margin-left: 25% 
} 
.col-lg-offset-4 { 
margin-left: 33.33333% 
} 
.col-lg-offset-5 { 
margin-left: 41.66667% 
} 
.col-lg-offset-6 { 
margin-left: 50% 
} 
.col-lg-offset-7 { 
margin-left: 58.33333% 
} 
.col-lg-offset-8 { 
margin-left: 66.66667% 
} 
.col-lg-offset-9 { 
margin-left: 75% 
} 
.col-lg-offset-10 { 
margin-left: 83.33333% 
} 
.col-lg-offset-11 { 
margin-left: 91.66667% 
} 
.col-lg-offset-12 { 
margin-left: 100% 
} 
} 

fieldset { 
padding: 0; 
margin: 0; 
border: 0; 
min-width: 0 
} 

legend { 
display: block; 
width: 100%; 
padding: 0; 
margin-bottom: 20px; 
font-size: 21px; 
line-height: inherit; 
color: #333; 
border: 0; 
border-bottom: 1px solid #e5e5e5 
} 

label { 
display: inline-block; 
margin-bottom: 5px; 
font-weight: bold 
} 

input[type="search"] { 
-moz-box-sizing: border-box; 
box-sizing: border-box 
} 

input[type="radio"], 
input[type="checkbox"] { 
margin: 4px 0 0; 
margin-top: 1px 9; 
line-height: normal 
} 

input[type="file"] { 
display: block 
} 

input[type="range"] { 
display: block; 
width: 100% 
} 

select[multiple], 
select[size] { 
height: auto 
} 

input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="checkbox"]:focus { 
outline: thin dotted; 
outline: 5px auto -webkit-focus-ring-color; 
outline-offset: -2px 
} 

output { 
display: block; 
padding-top: 7px; 
font-size: 14px; 
line-height: 1.42857; 
color: #555 
} 

.form-control { 
display: block; 
width: 100%; 
height: 34px; 
padding: 6px 12px; 
font-size: 14px; 
line-height: 1.42857; 
color: #555; 
background-color: #fff; 
background-image: none; 
border: none; 
border-radius: 3px; 
background: #eee; 
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s 
} 

.form-control:focus { 
border-color: #66afe9; 
outline: 0; 
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) 
} 

.form-control::-moz-placeholder { 
color: #999; 
opacity: 1 
} 

.form-control:-ms-input-placeholder { 
color: #999 
} 

.form-control::-webkit-input-placeholder { 
color: #999 
} 

.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control { 
cursor: not-allowed; 
background-color: #eee; 
opacity: 1 
} 

textarea.form-control { 
height: auto 
} 

input[type="search"] { 
-webkit-appearance: none 
} 

input[type="date"] { 
line-height: 34px 
} 

.form-group { 
margin-bottom: 15px 
} 

.radio, 
.checkbox { 
display: block; 
min-height: 20px; 
margin-top: 10px; 
margin-bottom: 10px; 
padding-left: 20px 
} 

.radio label, 
.checkbox label { 
display: inline; 
font-weight: normal; 
cursor: pointer 
} 

.radio input[type="radio"], 
.radio-inline input[type="radio"], 
.checkbox input[type="checkbox"], 
.checkbox-inline input[type="checkbox"] { 
float: left; 
margin-left: -20px 
} 

.radio+.radio, 
.checkbox+.checkbox { 
margin-top: -5px 
} 

.radio-inline, 
.checkbox-inline { 
display: inline-block; 
padding-left: 20px; 
margin-bottom: 0; 
vertical-align: middle; 
font-weight: normal; 
cursor: pointer 
} 

.radio-inline+.radio-inline, 
.checkbox-inline+.checkbox-inline { 
margin-top: 0; 
margin-left: 10px 
} 

input[type="radio"][disabled], 
fieldset[disabled] input[type="radio"], 
input[type="checkbox"][disabled], 
fieldset[disabled] input[type="checkbox"], 
.radio[disabled], 
fieldset[disabled] .radio, 
.radio-inline[disabled], 
fieldset[disabled] .radio-inline, 
.checkbox[disabled], 
fieldset[disabled] .checkbox, 
.checkbox-inline[disabled], 
fieldset[disabled] .checkbox-inline { 
cursor: not-allowed 
} 

.input-sm { 
height: 30px; 
padding: 5px 10px; 
font-size: 12px; 
line-height: 1.5; 
border-radius: 3px 
} 

select.input-sm { 
height: 30px; 
line-height: 30px 
} 

textarea.input-sm, 
select[multiple].input-sm { 
height: auto 
} 

.input-lg { 
height: 46px; 
padding: 10px 16px; 
font-size: 18px; 
line-height: 1.33; 
border-radius: 6px 
} 

select.input-lg { 
height: 46px; 
line-height: 46px 
} 

textarea.input-lg, 
select[multiple].input-lg { 
height: auto 
} 

.has-feedback { 
position: relative 
} 

.has-feedback .form-control { 
padding-right: 42.5px 
} 

.has-feedback .form-control-feedback { 
position: absolute; 
top: 25px; 
right: 0; 
display: block; 
width: 34px; 
height: 34px; 
line-height: 34px; 
text-align: center 
} 

.has-success .help-block, 
.has-success .control-label, 
.has-success .radio, 
.has-success .checkbox, 
.has-success .radio-inline, 
.has-success .checkbox-inline { 
color: #3c763d 
} 

.has-success .form-control { 
border-color: #3c763d; 
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 
} 

.has-success .form-control:focus { 
border-color: #2b542c; 
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168 
} 

.has-success .input-group-addon { 
color: #3c763d; 
border-color: #3c763d; 
background-color: #dff0d8 
} 

.has-success .form-control-feedback { 
color: #3c763d 
} 

.has-warning .help-block, 
.has-warning .control-label, 
.has-warning .radio, 
.has-warning .checkbox, 
.has-warning .radio-inline, 
.has-warning .checkbox-inline { 
color: #8a6d3b 
} 

.has-warning .form-control { 
border-color: #8a6d3b; 
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 
} 

.has-warning .form-control:focus { 
border-color: #66512c; 
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b 
} 

.has-warning .input-group-addon { 
color: #8a6d3b; 
border-color: #8a6d3b; 
background-color: #fcf8e3 
} 

.has-warning .form-control-feedback { 
color: #8a6d3b 
} 

.has-error .help-block, 
.has-error .control-label, 
.has-error .radio, 
.has-error .checkbox, 
.has-error .radio-inline, 
.has-error .checkbox-inline { 
color: #a94442 
} 

.has-error .form-control { 
border-color: #a94442; 
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 
} 

.has-error .form-control:focus { 
border-color: #843534; 
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 
} 

.has-error .input-group-addon { 
color: #a94442; 
border-color: #a94442; 
background-color: #f2dede 
} 

.has-error .form-control-feedback { 
color: #a94442 
} 

.form-control-static { 
margin-bottom: 0 
} 

.help-block { 
display: block; 
margin-top: 5px; 
margin-bottom: 10px; 
color: #737373 
} 

@media (min-width: 768px) { 
.form-inline .form-group { 
display: inline-block; 
margin-bottom: 0; 
vertical-align: middle 
} 
.form-inline .form-control { 
display: inline-block; 
width: auto; 
vertical-align: middle 
} 
.form-inline .input-group>.form-control { 
width: 100% 
} 
.form-inline .control-label { 
margin-bottom: 0; 
vertical-align: middle 
} 
.form-inline .radio, 
.form-inline .checkbox { 
display: inline-block; 
margin-top: 0; 
margin-bottom: 0; 
padding-left: 0; 
vertical-align: middle 
} 
.form-inline .radio input[type="radio"], 
.form-inline .checkbox input[type="checkbox"] { 
float: none; 
margin-left: 0 
} 
.form-inline .has-feedback .form-control-feedback { 
top: 0 
} 
} 

.form-horizontal .control-label, 
.form-horizontal .radio, 
.form-horizontal .checkbox, 
.form-horizontal .radio-inline, 
.form-horizontal .checkbox-inline { 
margin-top: 0; 
margin-bottom: 0; 
padding-top: 7px 
} 

.form-horizontal .radio, 
.form-horizontal .checkbox { 
min-height: 27px 
} 

.form-horizontal .form-group { 
margin-left: -15px; 
margin-right: -15px 
} 

.form-horizontal .form-group:before, 
.form-horizontal .form-group:after { 
content: " "; 
display: table 
} 

.form-horizontal .form-group:after { 
clear: both 
} 

.form-horizontal .form-control-static { 
padding-top: 7px 
} 

@media (min-width: 768px) { 
.form-horizontal .control-label { 
text-align: right 
} 
} 

.form-horizontal .has-feedback .form-control-feedback { 
top: 0; 
right: 15px 
} 

.contact { 
width: 100%; 
margin-bottom: 10px; 
background: rgba(0, 0, 0, 0.3); 
border: none; 
outline: none; 
padding: 10px; 
font-size: 13px; 
color: #fff; 
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); 
border: 1px solid rgba(0, 0, 0, 0.3); 
border-radius: 4px; 
box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.2), 0 1px 1px rgba(255, 255, 255, 0.2) 
} 

.contact:focus { 
box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.4), 0 1px 1px rgba(255, 255, 255, 0.2) 
} 

.btn { 
display: inline-block; 
margin-bottom: 0; 
font-weight: normal; 
text-align: center; 
vertical-align: middle; 
cursor: pointer; 
background-image: none; 
border: 1px solid transparent; 
white-space: nowrap; 
padding: 6px 12px; 
font-size: 14px; 
line-height: 1.42857; 
border-radius: 4px; 
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none 
} 

.btn:focus, 
.btn:active:focus, 
.btn.active:focus { 
outline: thin dotted; 
outline: 5px auto -webkit-focus-ring-color; 
outline-offset: -2px 
} 

.btn:hover, 
.btn:focus { 
color: #333; 
text-decoration: none 
} 

.btn:active, 
.btn.active { 
outline: 0; 
background-image: none; 
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 
} 

.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn { 
cursor: not-allowed; 
pointer-events: none; 
opacity: 0.65; 
filter: alpha(opacity=65); 
box-shadow: none 
} 

.btn-default { 
color: #333; 
background-color: #fff; 
border-color: #ccc 
} 

.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active { 
color: #333; 
background-color: #ebebeb; 
border-color: #adadad 
} 

.open .btn-default.dropdown-toggle { 
color: #333; 
background-color: #ebebeb; 
border-color: #adadad 
} 

.btn-default:active, 
.btn-default.active { 
background-image: none 
} 

.open .btn-default.dropdown-toggle { 
background-image: none 
} 

.btn-default.disabled, 
.btn-default.disabled:hover, 
.btn-default.disabled:focus, 
.btn-default.disabled:active, 
.btn-default.disabled.active, 
.btn-default[disabled], 
.btn-default[disabled]:hover, 
.btn-default[disabled]:focus, 
.btn-default[disabled]:active, 
.btn-default[disabled].active, 
fieldset[disabled] .btn-default, 
fieldset[disabled] .btn-default:hover, 
fieldset[disabled] .btn-default:focus, 
fieldset[disabled] .btn-default:active, 
fieldset[disabled] .btn-default.active { 
background-color: #fff; 
border-color: #ccc 
} 

.btn-default .badge { 
color: #fff; 
background-color: #333 
} 

.btn-primary { 
color: #fff; 
background-color: #428bca; 
border-color: #357ebd 
} 

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active { 
color: #fff; 
background-color: #3276b1; 
border-color: #285e8e 
} 

.open .btn-primary.dropdown-toggle { 
color: #fff; 
background-color: #3276b1; 
border-color: #285e8e 
} 

.btn-primary:active, 
.btn-primary.active { 
background-image: none 
} 

.open .btn-primary.dropdown-toggle { 
background-image: none 
} 

.btn-primary.disabled, 
.btn-primary.disabled:hover, 
.btn-primary.disabled:focus, 
.btn-primary.disabled:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled], 
.btn-primary[disabled]:hover, 
.btn-primary[disabled]:focus, 
.btn-primary[disabled]:active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary, 
fieldset[disabled] .btn-primary:hover, 
fieldset[disabled] .btn-primary:focus, 
fieldset[disabled] .btn-primary:active, 
fieldset[disabled] .btn-primary.active { 
background-color: #428bca; 
border-color: #357ebd 
} 

.btn-primary .badge { 
color: #428bca; 
background-color: #fff 
} 

.btn-success { 
color: #fff; 
background-color: #5cb85c; 
border-color: #4cae4c 
} 

.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active { 
color: #fff; 
background-color: #47a447; 
border-color: #398439 
} 

.open .btn-success.dropdown-toggle { 
color: #fff; 
background-color: #47a447; 
border-color: #398439 
} 

.btn-success:active, 
.btn-success.active { 
background-image: none 
} 

.open .btn-success.dropdown-toggle { 
background-image: none 
} 

.btn-success.disabled, 
.btn-success.disabled:hover, 
.btn-success.disabled:focus, 
.btn-success.disabled:active, 
.btn-success.disabled.active, 
.btn-success[disabled], 
.btn-success[disabled]:hover, 
.btn-success[disabled]:focus, 
.btn-success[disabled]:active, 
.btn-success[disabled].active, 
fieldset[disabled] .btn-success, 
fieldset[disabled] .btn-success:hover, 
fieldset[disabled] .btn-success:focus, 
fieldset[disabled] .btn-success:active, 
fieldset[disabled] .btn-success.active { 
background-color: #5cb85c; 
border-color: #4cae4c 
} 

.btn-success .badge { 
color: #5cb85c; 
background-color: #fff 
} 

.btn-info { 
color: #fff; 
background-color: #5bc0de; 
border-color: #46b8da 
} 

.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active { 
color: #fff; 
background-color: #39b3d7; 
border-color: #269abc 
} 

.open .btn-info.dropdown-toggle { 
color: #fff; 
background-color: #39b3d7; 
border-color: #269abc 
} 

.btn-info:active, 
.btn-info.active { 
background-image: none 
} 

.open .btn-info.dropdown-toggle { 
background-image: none 
} 

.btn-info.disabled, 
.btn-info.disabled:hover, 
.btn-info.disabled:focus, 
.btn-info.disabled:active, 
.btn-info.disabled.active, 
.btn-info[disabled], 
.btn-info[disabled]:hover, 
.btn-info[disabled]:focus, 
.btn-info[disabled]:active, 
.btn-info[disabled].active, 
fieldset[disabled] .btn-info, 
fieldset[disabled] .btn-info:hover, 
fieldset[disabled] .btn-info:focus, 
fieldset[disabled] .btn-info:active, 
fieldset[disabled] .btn-info.active { 
background-color: #5bc0de; 
border-color: #46b8da 
} 

.btn-info .badge { 
color: #5bc0de; 
background-color: #fff 
} 

.btn-warning { 
color: #fff; 
background-color: #f0ad4e; 
border-color: #eea236 
} 

.btn-warning:hover, 
.btn-warning:focus, 
.btn-warning:active, 
.btn-warning.active { 
color: #fff; 
background-color: #ed9c28; 
border-color: #d58512 
} 

.open .btn-warning.dropdown-toggle { 
color: #fff; 
background-color: #ed9c28; 
border-color: #d58512 
} 

.btn-warning:active, 
.btn-warning.active { 
background-image: none 
} 

.open .btn-warning.dropdown-toggle { 
background-image: none 
} 

.btn-warning.disabled, 
.btn-warning.disabled:hover, 
.btn-warning.disabled:focus, 
.btn-warning.disabled:active, 
.btn-warning.disabled.active, 
.btn-warning[disabled], 
.btn-warning[disabled]:hover, 
.btn-warning[disabled]:focus, 
.btn-warning[disabled]:active, 
.btn-warning[disabled].active, 
fieldset[disabled] .btn-warning, 
fieldset[disabled] .btn-warning:hover, 
fieldset[disabled] .btn-warning:focus, 
fieldset[disabled] .btn-warning:active, 
fieldset[disabled] .btn-warning.active { 
background-color: #f0ad4e; 
border-color: #eea236 
} 

.btn-warning .badge { 
color: #f0ad4e; 
background-color: #fff 
} 

.btn-danger { 
color: #fff; 
background-color: #d9534f; 
border-color: #d43f3a 
} 

.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger:active, 
.btn-danger.active { 
color: #fff; 
background-color: #d2322d; 
border-color: #ac2925 
} 

.open .btn-danger.dropdown-toggle { 
color: #fff; 
background-color: #d2322d; 
border-color: #ac2925 
} 

.btn-danger:active, 
.btn-danger.active { 
background-image: none 
} 

.open .btn-danger.dropdown-toggle { 
background-image: none 
} 

.btn-danger.disabled, 
.btn-danger.disabled:hover, 
.btn-danger.disabled:focus, 
.btn-danger.disabled:active, 
.btn-danger.disabled.active, 
.btn-danger[disabled], 
.btn-danger[disabled]:hover, 
.btn-danger[disabled]:focus, 
.btn-danger[disabled]:active, 
.btn-danger[disabled].active, 
fieldset[disabled] .btn-danger, 
fieldset[disabled] .btn-danger:hover, 
fieldset[disabled] .btn-danger:focus, 
fieldset[disabled] .btn-danger:active, 
fieldset[disabled] .btn-danger.active { 
background-color: #d9534f; 
border-color: #d43f3a 
} 

.btn-danger .badge { 
color: #d9534f; 
background-color: #fff 
} 

.btn-link { 
color: #428bca; 
font-weight: normal; 
cursor: pointer; 
border-radius: 0 
} 

.btn-link, 
.btn-link:active, 
.btn-link[disabled], 
fieldset[disabled] .btn-link { 
background-color: transparent; 
box-shadow: none 
} 

.btn-link, 
.btn-link:hover, 
.btn-link:focus, 
.btn-link:active { 
border-color: transparent 
} 

.btn-link:hover, 
.btn-link:focus { 
color: #2a6496; 
text-decoration: underline; 
background-color: transparent 
} 

.btn-link[disabled]:hover, 
.btn-link[disabled]:focus, 
fieldset[disabled] .btn-link:hover, 
fieldset[disabled] .btn-link:focus { 
color: #999; 
text-decoration: none 
} 

.btn-lg { 
padding: 10px 16px; 
font-size: 18px; 
line-height: 1.33; 
border-radius: 6px 
} 

.btn-sm { 
padding: 5px 10px; 
font-size: 12px; 
line-height: 1.5; 
border-radius: 3px 
} 

.btn-xs { 
padding: 1px 5px; 
font-size: 12px; 
line-height: 1.5; 
border-radius: 3px 
} 

.btn-block { 
display: block; 
width: 100%; 
padding-left: 0; 
padding-right: 0 
} 

.btn-block+.btn-block { 
margin-top: 5px 
} 

input[type="submit"].btn-block, 
input[type="reset"].btn-block, 
input[type="button"].btn-block { 
width: 100% 
} 

.btn-default { 
padding: 20px; 
padding-top: 10px; 
padding-bottom: 10px; 
background: #34495e; 
border: none; 
color: #fff; 
text-transform: capitalize 
} 

.btn-default:hover, 
.btn-default:active { 
background: #46627f; 
color: #fff 
} 

.fade { 
opacity: 0; 
-webkit-transition: opacity 0.15s linear; 
transition: opacity 0.15s linear 
} 

.fade.in { 
opacity: 1 
} 

.collapse { 
display: none 
} 

.collapse.in { 
display: block 
} 

.collapsing { 
position: relative; 
height: 0; 
overflow: hidden; 
-webkit-transition: height 0.35s ease; 
transition: height 0.35s ease 
} 

.nav { 
margin-bottom: 0; 
padding-left: 0; 
list-style: none 
} 

.nav:before, 
.nav:after { 
content: " "; 
display: table 
} 

.nav:after { 
clear: both 
} 

.nav>li { 
position: relative; 
display: block 
} 

.nav>li>a { 
position: relative; 
display: block; 
padding: 10px 15px 
} 

.nav>li>a:hover, 
.nav>li>a:focus { 
text-decoration: none 
} 

.nav>li.disabled>a { 
color: #999 
} 

.nav>li.disabled>a:hover, 
.nav>li.disabled>a:focus { 
color: #999; 
text-decoration: none; 
background-color: transparent; 
cursor: not-allowed 
} 

.nav .open>a, 
.nav .open>a:hover, 
.nav .open>a:focus { 
background-color: #eee; 
border-color: #428bca 
} 

.nav .nav-divider { 
height: 1px; 
margin: 9px 0; 
overflow: hidden; 
background-color: #e5e5e5 
} 

.nav>li>a>img { 
max-width: none 
} 

.nav-tabs { 
border-bottom: 1px solid #ddd 
} 

.nav-tabs>li { 
float: left; 
margin-bottom: -1px 
} 

.nav-tabs>li>a { 
margin-right: 2px; 
line-height: 1.42857; 
border: 1px solid transparent 
} 

.nav-tabs>li>a:hover { 
border-color: #eee #eee #ddd 
} 

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus { 
color: #555; 
background-color: #f2f3f8; 
border: 1px solid #ddd; 
border-bottom-color: transparent; 
cursor: default 
} 

.nav-pills { 
color: #ccc 
} 

.nav-pills>li { 
float: left; 
border-bottom: 1px solid #3f3f46 
} 

.nav-pills>li+li { 
margin-left: 2px 
} 

.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus { 
color: #428bca; 
background-color: #27272c 
} 

.nav-stacked>li { 
float: none 
} 

.nav-stacked>li+li { 
margin-top: 2px; 
margin-left: 0 
} 

.nav-justified, 
.nav-tabs.nav-justified { 
width: 100% 
} 

.nav-justified>li, 
.nav-tabs.nav-justified>li { 
float: none 
} 

.nav-justified>li>a, 
.nav-tabs.nav-justified>li>a { 
text-align: center; 
margin-bottom: 5px 
} 

.nav-justified>.dropdown .dropdown-menu { 
top: auto; 
left: auto 
} 

@media (min-width: 768px) { 
.nav-justified>li, 
.nav-tabs.nav-justified>li { 
display: table-cell; 
width: 1% 
} 
.nav-justified>li>a, 
.nav-tabs.nav-justified>li>a { 
margin-bottom: 0 
} 
} 

.nav-tabs-justified, 
.nav-tabs.nav-justified { 
border-bottom: 0 
} 

.nav-tabs-justified>li>a, 
.nav-tabs.nav-justified>li>a { 
margin-right: 0 
} 

.nav-tabs-justified>.active>a, 
.nav-tabs.nav-justified>.active>a, 
.nav-tabs-justified>.active>a:hover, 
.nav-tabs.nav-justified>.active>a:hover, 
.nav-tabs-justified>.active>a:focus, 
.nav-tabs.nav-justified>.active>a:focus { 
border: 1px solid #ddd 
} 

@media (min-width: 768px) { 
.nav-tabs-justified>li>a, 
.nav-tabs.nav-justified>li>a { 
border-bottom: 1px solid #ddd 
} 
.nav-tabs-justified>.active>a, 
.nav-tabs.nav-justified>.active>a, 
.nav-tabs-justified>.active>a:hover, 
.nav-tabs.nav-justified>.active>a:hover, 
.nav-tabs-justified>.active>a:focus, 
.nav-tabs.nav-justified>.active>a:focus { 
border-bottom-color: #f2f3f8 
} 
} 

.tab-content>.tab-pane { 
display: none 
} 

.tab-content>.active { 
display: block 
} 

.nav-tabs .dropdown-menu { 
margin-top: -1px; 
border-top-right-radius: 0; 
border-top-left-radius: 0 
} 

.page-wrap { 
float: right; 
width: 100%; 
-webkit-transition: width 0.2s ease; 
transition: width 0.2s ease 
} 

.main-nav { 
position: fixed; 
top: 0; 
width: 0; 
height: 100%; 
background: #333339; 
overflow-y: auto; 
-webkit-transition: width .2s ease; 
transition: width .2s ease; 
color: #ccc !important 
} 

.main-nav a { 
color: #ccc 
} 

.close-menu { 
display: none 
} 

#main-nav:target { 
width: 40% 
} 

#main-nav:target+.page-wrap { 
width: 60%; 
overflow-x: hidden 
} 

#main-nav:target+.page-wrap .open-menu { 
display: none 
} 

#main-nav:target+.page-wrap .close-menu { 
display: block 
} 

#main-nav:target+.page-wrap .main-header { 
width: 60%; 
left: 40% 
} 

.jumbotron { 
padding: 30px; 
color: #fff; 
background-color: #eee; 
height: 700px; 
background: -webkit-linear-gradient(rgba(218, 174, 16, 0.8), rgba(52, 73, 94, 0.8)), url(http://aid91.fr/v2/wp-content/uploads/2015/06/depannage-1024x549.jpg) no-repeat center center fixed; 
background: linear-gradient(#E46104,rgba(230, 139, 9, 0.52), rgba(94, 79, 52, 0.8)), url(http://aid91.fr/v2/wp-content/uploads/2015/06/depannage-1024x549.jpg) no-repeat center center fixed; 
background-size: cover; 
text-transform: capitalize 
} 

.jumbotron hr { 
width: 80%; 
margin: 5px auto; 
border-color: #eee 
} 

.jumbotron h1, 
.jumbotron .h1 { 
color: inherit; 
font-size: 56px; 
text-align: center; 
margin: 0 auto; 
font-weight: 100; 
letter-spacing: 3px; 
text-transform: uppercase 
} 

.jumbotron h2, 
.jumbotron .h2 { 
font-weight: 100; 
letter-spacing: 2px; 
color: inherit 
} 

.jumbotron p { 
font-size: 21px; 
font-weight: 200 
} 

.container .jumbotron { 
border-radius: 6px 
} 

.jumbotron .container { 
max-width: 100% 
} 

@media screen and (min-width: 768px) { 
.jumbotron { 
padding-top: 48px; 
padding-bottom: 48px 
} 
.container .jumbotron { 
padding-left: 60px; 
padding-right: 60px 
} 
} 

@media screen and (max-width: 768px) { 
.jumbotron h1, 
.jumbotron .h1 { 
font-size: 35px 
} 
.jumbotron h2, 
.jumbotron .h2 { 
font-size: 21px 
} 
} 

.section { 
font-size: 56px; 
text-align: center; 
margin-top: 35px; 
letter-spacing: 3px; 
font-weight: 500; 
color: #34495e; 
text-transform: capitalize 
} 

.section hr { 
width: 100px; 
height: 50px 
} 

.work { 
background: -webkit-linear-gradient(rgba(218, 174, 16, 0.8), rgba(218, 174, 16, 0.8)), url(https://locate.apple.com/resources/images/widgets/AppleAuthorizedServiceProviders_long.jpg) no-repeat center center; 
background: linear-gradient(#E46104,rgba(230, 139, 9, 0.52), rgba(94, 79, 52, 0.8)), url(https://locate.apple.com/resources/images/widgets/AppleAuthorizedServiceProviders_long.jpg) no-repeat center center; 
height: 250px; 
background-size: cover; 
padding-top: 20px 
} 

.work h3, 
.work p { 
color: #fff !important 
} 

.work a { 
color: #fff !important; 
text-decoration: underline 
} 

.work-together { 
background: -webkit-linear-gradient(rgba(218, 174, 16, 0.8), rgba(52, 73, 94, 0.8)), url(http://www.holidayinn-strasbourg.fr/wp-content/uploads/2014/10/Contact0.jpg) no-repeat center center fixed; 
background: linear-gradient(#E46104,rgba(230, 139, 9, 0.52), rgba(94, 79, 52, 0.8)), url(http://www.holidayinn-strasbourg.fr/wp-content/uploads/2014/10/Contact0.jpg) no-repeat center center fixed; 
height: 550px; 
background-size: cover; 
padding-top: 50px; 
color: #fff 
} 

.work-together h3, 
.work-together h4, 
.work-together p, 
.work-together label { 
color: #fff 
} 

@-webkit-keyframes progress-bar-stripes { 
from { 
background-position: 40px 0 
} 
to { 
background-position: 0 0 
} 
} 

@keyframes progress-bar-stripes { 
from { 
background-position: 40px 0 
} 
to { 
background-position: 0 0 
} 
} 

.progress { 
overflow: hidden; 
height: 30px; 
margin-bottom: 20px; 
background-color: #f5f5f5; 
border-radius: 3px; 
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 
} 

.progress-bar { 
float: left; 
width: 0%; 
height: 100%; 
font-size: 12px; 
line-height: 20px; 
color: #fff; 
text-align: center; 
background-color: #428bca; 
-webkit-transition: width 0.6s ease; 
transition: width 0.6s ease 
} 

.progress-striped .progress-bar { 
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 
background-size: 40px 40px 
} 

.progress.active .progress-bar { 
-webkit-animation: progress-bar-stripes 2s linear infinite; 
animation: progress-bar-stripes 2s linear infinite 
} 

.progress-bar-html { 
background-color: #c2aae6 
} 

.progress-striped .progress-bar-html { 
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) 
} 

.progress-bar-css { 
background-color: #ffdf8a 
} 

.progress-striped .progress-bar-css { 
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) 
} 

.progress-bar-php { 
background-color: #acc88c 
} 

.progress-striped .progress-bar-php { 
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) 
} 

.progress-bar-sql { 
background-color: #b0dff5 
} 

.progress-striped .progress-bar-sql { 
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) 
} 

.html, 
.css, 
.php, 
.sql { 
height: 15px; 
width: 15px; 
display: inline-block; 
margin-top: 10px 
} 

.html { 
background: #c2aae6 
} 

.css { 
background: #ffdf8a 
} 

.php { 
background: #acc88c 
} 

.sql { 
background: #b0dff5 
} 

.list-group { 
margin-bottom: 20px; 
padding-left: 0 
} 

.list-group-item { 
position: relative; 
display: block; 
padding: 10px 15px; 
margin-bottom: -1px; 
background-color: #fff; 
border: 1px solid #ddd 
} 

.list-group-item:first-child { 
border-top-right-radius: 4px; 
border-top-left-radius: 4px 
} 

.list-group-item:last-child { 
margin-bottom: 0; 
border-bottom-right-radius: 4px; 
border-bottom-left-radius: 4px 
} 

.list-group-item>.badge { 
float: right 
} 

.list-group-item>.badge+.badge { 
margin-right: 5px 
} 

a.list-group-item { 
color: #555 
} 

a.list-group-item .list-group-item-heading { 
color: #333 
} 

a.list-group-item:hover, 
a.list-group-item:focus { 
text-decoration: none; 
background-color: #f5f5f5 
} 

a.list-group-item.active, 
a.list-group-item.active:hover, 
a.list-group-item.active:focus { 
z-index: 2; 
color: #fff; 
background-color: #428bca; 
border-color: #428bca 
} 

a.list-group-item.active .list-group-item-heading, 
a.list-group-item.active:hover .list-group-item-heading, 
a.list-group-item.active:focus .list-group-item-heading { 
color: inherit 
} 

a.list-group-item.active .list-group-item-text, 
a.list-group-item.active:hover .list-group-item-text, 
a.list-group-item.active:focus .list-group-item-text { 
color: #e1edf7 
} 

.list-group-item-success { 
color: #3c763d; 
background-color: #dff0d8 
} 

a.list-group-item-success { 
color: #3c763d 
} 

a.list-group-item-success .list-group-item-heading { 
color: inherit 
} 

a.list-group-item-success:hover, 
a.list-group-item-success:focus { 
color: #3c763d; 
background-color: #d0e9c6 
} 

a.list-group-item-success.active, 
a.list-group-item-success.active:hover, 
a.list-group-item-success.active:focus { 
color: #fff; 
background-color: #3c763d; 
border-color: #3c763d 
} 

.list-group-item-info { 
color: #31708f; 
background-color: #d9edf7 
} 

a.list-group-item-info { 
color: #31708f 
} 

a.list-group-item-info .list-group-item-heading { 
color: inherit 
} 

a.list-group-item-info:hover, 
a.list-group-item-info:focus { 
color: #31708f; 
background-color: #c4e3f3 
} 

a.list-group-item-info.active, 
a.list-group-item-info.active:hover, 
a.list-group-item-info.active:focus { 
color: #fff; 
background-color: #31708f; 
border-color: #31708f 
} 

.list-group-item-warning { 
color: #8a6d3b; 
background-color: #fcf8e3 
} 

a.list-group-item-warning { 
color: #8a6d3b 
} 

a.list-group-item-warning .list-group-item-heading { 
color: inherit 
} 

a.list-group-item-warning:hover, 
a.list-group-item-warning:focus { 
color: #8a6d3b; 
background-color: #faf2cc 
} 

a.list-group-item-warning.active, 
a.list-group-item-warning.active:hover, 
a.list-group-item-warning.active:focus { 
color: #fff; 
background-color: #8a6d3b; 
border-color: #8a6d3b 
} 

.list-group-item-danger { 
color: #a94442; 
background-color: #f2dede 
} 

a.list-group-item-danger { 
color: #a94442 
} 

a.list-group-item-danger .list-group-item-heading { 
color: inherit 
} 

a.list-group-item-danger:hover, 
a.list-group-item-danger:focus { 
color: #a94442; 
background-color: #ebcccc 
} 

a.list-group-item-danger.active, 
a.list-group-item-danger.active:hover, 
a.list-group-item-danger.active:focus { 
color: #fff; 
background-color: #a94442; 
border-color: #a94442 
} 

.list-group-item-heading { 
margin-top: 0; 
margin-bottom: 5px 
} 

.list-group-item-text { 
margin-bottom: 0; 
line-height: 1.3 
} 

.well { 
min-height: 20px; 
padding: 9px; 
margin-bottom: 20px; 
background-color: #fff; 
border-radius: 3px; 
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) 
} 

.well blockquote { 
border-color: #ddd; 
border-color: rgba(0, 0, 0, 0.15) 
} 

.well-lg { 
padding: 24px; 
border-radius: 6px 
} 

.well-sm { 
padding: 9px; 
border-radius: 3px 
} 

.clearfix:before, 
.clearfix:after { 
content: " "; 
display: table 
} 

.clearfix:after { 
clear: both 
} 

.center-block { 
display: block; 
margin-left: auto; 
margin-right: auto 
} 

.pull-right { 
float: right !important 
} 

.pull-left { 
float: left !important 
} 

.hide { 
display: none !important 
} 

.show { 
display: block !important 
} 

.invisible { 
visibility: hidden 
} 

.text-hide { 
font: 0/0 a; 
color: transparent; 
text-shadow: none; 
background-color: transparent; 
border: 0 
} 

.hidden { 
display: none !important; 
visibility: hidden !important 
} 

.affix { 
position: fixed 
} 

.spacer { 
clear: both; 
height: 20px 
} 

@-ms-viewport { 
width: device-width 
} 

.visible-xs, 
.visible-sm, 
.visible-md, 
.visible-lg { 
display: none !important 
} 

@media (max-width: 767px) { 
.visible-xs { 
display: block !important 
} 
table.visible-xs { 
display: table 
} 
tr.visible-xs { 
display: table-row !important 
} 
th.visible-xs, 
td.visible-xs { 
display: table-cell !important 
} 
} 

@media (min-width: 768px) and (max-width: 991px) { 
.visible-sm { 
display: block !important 
} 
table.visible-sm { 
display: table 
} 
tr.visible-sm { 
display: table-row !important 
} 
th.visible-sm, 
td.visible-sm { 
display: table-cell !important 
} 
} 

@media (min-width: 992px) and (max-width: 1199px) { 
.visible-md { 
display: block !important 
} 
table.visible-md { 
display: table 
} 
tr.visible-md { 
display: table-row !important 
} 
th.visible-md, 
td.visible-md { 
display: table-cell !important 
} 
} 

@media (min-width: 1200px) { 
.visible-lg { 
display: block !important 
} 
table.visible-lg { 
display: table 
} 
tr.visible-lg { 
display: table-row !important 
} 
th.visible-lg, 
td.visible-lg { 
display: table-cell !important 
} 
} 

@media (max-width: 767px) { 
.hidden-xs { 
display: none !important 
} 
} 

@media (min-width: 768px) and (max-width: 991px) { 
.hidden-sm { 
display: none !important 
} 
} 

@media (min-width: 992px) and (max-width: 1199px) { 
.hidden-md { 
display: none !important 
} 
} 

@media (min-width: 1200px) { 
.hidden-lg { 
display: none !important 
} 
} 

.visible-print { 
display: none !important 
} 

@media print { 
.visible-print { 
display: block !important 
} 
table.visible-print { 
display: table 
} 
tr.visible-print { 
display: table-row !important 
} 
th.visible-print, 
td.visible-print { 
display: table-cell !important 
} 
} 

@media print { 
.hidden-print { 
display: none !important 
} 
}

    Pffiou...jamais vu un CSS aussi long...

    @+ 
    Buno, Modo CS-CCM 
    L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai... 
    The urgent is done, the impossible is underway. For miracles, provide for a delay...
    0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
     
    Bonjour,

    Dans ton form tu as utilisé : 
    action="<?php echo $_SERVER['PHP_SELF'] ?>"

    Il est préférable de le laisser à vide, comme ceci : 
    action=""


    Par contre... ton formulaire étant sensé renvoyé à la page courante.... je trouve étrange de ne pas voir de php dans ton code.....
    0

Discussions similaires

Comment résoudre une erreur HTTP 403 ?
steph67 -
christdx -

49 réponses
Erreur 3005 sur France TV
Cambodgil -
JeanPierre -

6 réponses
Erreur de lecture sur iptv smarters
Bogs -
bazfile -

1 réponse
mon ordi démarre dans le bios et impossible de sortir
Filipus 99 -
Filipus 99 -

42 réponses
Problème streaming France 2
95 indomptable -
robmat2005 -

1 réponse