/* CSS Document */
@import url(normalize.css);
@import url(glyphicons.css);
@import url(glyphicons-filetypes.css);
@import url(glyphicons-social.css);
@import url(glyphicons-halflings.css);

body {
font-family: 'Raleway', sans-serif;
font-size: 13px;
line-height: 15px;
}
.container-fluid {
  padding-right: 0;
  padding-left: 0;
}
/*---------- structure ----------*/
.spacer{
	clear:both;
}
.padding-left-0{
	padding-left:0px;
}
.padding-left-25{
	padding-left:25px;
}
.padding-left-50{
	padding-left:50px;
}
.padding-top-0{
	padding-top:0px;
}
.padding-top-20{
	padding-top:20px;
}
.padding-bottom-20{
	padding-bottom:20px;
}
.padding-0{
	padding:0 0 0 0;
}
.padding-10{
	padding:10px 10px 10px 10px;
}
.margin-top-0{
	margin-top:0;
}
.margin-top-5{
	margin-top:5px;
}
.margin-top-20{
	margin-top:20px;
}
.margin-top-30{
	margin-top:30px;
}
.width-20{
	width:20%;
}
.width-30{
	width:30%;
}
.width-50{
	width:50%;
}
.width-70{
	width:70%;
}

.commentaire textarea{
	width:100%;
	height:100px;
	outline: none;
}
/*@media (min-width: 750px){
	.commentaire textarea{
	width:100%;
	height:50px;
}
}*/
/*---------- content ----------*/
.logo{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
}
.page-page{
	float:right;
	width:150px;
	text-align:right;
	padding:20px 20px 0 0;
}
.navbar-right{
	float:right;
	width:150px;
}
.navbar-right a{
	color: rgba(0,0,0,1.00);
}

.navbar-nav > li {
    float: right;
}

.container.bandeau-image{
	  padding-right: 0;
    padding-left: 0;
}
.titre{
	height: 35px;
	background-color: rgba(204,204,204,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	overflow: hidden;
}
.titre p{
	margin: 0;
	padding: 12px 0 0 0;
	font-weight: 700;
	font-size: 100%;
	border: none;
}
.page{
	height:40px;
	background-color: rgba(153,153,153,1.00);	
	overflow: hidden;
}
.page p{
	margin: 0;
	padding: 12px 0 0 0;
	font-weight: normal;
	font-size: 100%;
	color: rgba(255,255,255,1.00);
}
.intro h1{
	margin: 30px 0;
	padding: 0;
	font-size: 250%;
	color: rgba(164,76,111,1.00);
}
.intro a:link,.intro a:visited{
	color: rgba(0,0,0,1.00);
	text-decoration:none;
}
.intro a:hover {
	color: rgba(153,153,153,1.00);
	text-decoration:none;
}
.navigation{
	padding-top:15px;
}
.list-radio{
	font-size:100%;
}
.list-radio p{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 100%;
	color: rgba(164,76,111,1.00)
}
.list-radio li{
	list-style-type: none;
	margin-top: 5px;
	padding-top: 6px;
	/*padding-bottom: 3px;
	
	background-color: rgba(244,229,235,1.00);*/
	height: 30px;
	font-weight: normal;
}
.list-radio label{
	font-weight: normal;
}

.list-radio li + li{
	
}
.question-help{
	font-style: italic;
	font-weight: normal;
	padding-left: 10px;
	font-size: 90%;
}
.btn-next{
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: rgba(164,76,111,1.00);	/*font-size: 200%;*/
}
.btn-next a{
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}
/*Reprise code ScreenFeed http://www.screenfeed.fr/blog/personnalisation-checkbox-boutons-radio-sans-image-0570/ */
a.foo {
	font-size: 16px;
	font-size: 1.6rem;
}
/*Masquer les inputs*/
input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	opacity: 0;
	position: absolute;
	clip: rect(0 0 0 0);
	clip: rect(0,0,0,0);
	-webkit-appearance:	none;
	-moz-appearance:	none;
	-o-appearance:		none;
	appearance:		none;
}
/*Le label*/
#foo:checked:before,
input[type="radio"]+label {
	float: left;
	padding-left: 26px;
	padding-left: 2.6rem;
	margin-right: 16px;
	margin-right: 1.6rem;
	position: relative;
	cursor: pointer;
}
/*Le fond des fausses inputs*/
#foo:checked,
input[type="radio"]+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	margin-top: -.9rem;
	width: 16px;
	width: 1.6rem;
	height: 16px;
	height: 1.6rem;
	background-color: rgba(255,255,255,.7);
	background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)), to(rgba(255,255,255,.9)));
	background:	-webkit-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));
	background:	   -moz-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));
	background:	     -o-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));
	background:		linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));
	-webkit-box-shadow:	inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	-moz-box-shadow:	inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	-o-box-shadow:		inset 1px 1px 2px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.1);
	-o-box-shadow:		inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	box-shadow:		inset 1px 1px 2px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1);
	box-shadow:		inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	-webkit-border-radius:	.3rem;
	-moz-border-radius:	.3rem;
	-o-border-radius:	3px;
	-o-border-radius:	.3rem;
	border-radius:		3px;
	border-radius:		.3rem;
}
input[type="radio"]+label:before {
	-webkit-border-radius:	.8rem;
	-moz-border-radius:	.8rem;
	-o-border-radius:	8px;
	-o-border-radius:	.8rem;
	border-radius:		8px;
	border-radius:		.8rem;
}
/*Montrer le focus*/
input[type='radio']:focus + label:before {
	-webkit-box-shadow:	inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1), 0 0 0 .3rem rgba(0,0,0,.4);
	-moz-box-shadow:	inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1), 0 0 0 .3rem rgba(0,0,0,.4);
	-o-box-shadow:		inset 1px 1px 2px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.1), 0 0 0 3px rgba(0,0,0,.4);
	-o-box-shadow:		inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1), 0 0 0 .3rem rgba(0,0,0,.4);
	box-shadow:		inset 1px 1px 2px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1), 0 0 0 3px rgba(0,0,0,.4);
	box-shadow:		inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1), 0 0 0 .3rem rgba(0,0,0,.4);
}
/*Transition CSS*/
input+label:after {
	-webkit-transition:	-webkit-transform 0.2s ease-in-out;
	-moz-transition:	   -moz-transform 0.2s ease-in-out;
	-o-transition:		     -o-transform 0.2s ease-in-out;
	transition:			transform 0.2s ease-in-out;
}


/*Boutons radio*/
#foo:checked,
input[type="radio"]+label:after {
	content: '';
	position: absolute;
	left: 2px;
	left: .2rem;
	top: 50%;
	margin-top: -7px;
	margin-top: -.7rem;
	width: 12px;
	width: 1.2rem;
	height: 12px;
	height: 1.2rem;
	background-color:rgba(164,76,111,1.00);
	-webkit-border-radius:	.6rem;
	-webkit-border-radius:	50%;
	-moz-border-radius:	50%;
	-o-border-radius:	50%;
	border-radius:		50%;
	-webkit-box-shadow:	inset 0 .1rem .2rem rgba(255,255,255,.6), inset 0 -.1rem .1rem 0 rgba(0,0,0,.5), 0 0 .3rem #000;
	-moz-box-shadow:	inset 0 .1rem .2rem rgba(255,255,255,.6), inset 0 -.1rem .1rem 0 rgba(0,0,0,.5), 0 0 .3rem #000;
	-o-box-shadow:		inset 0 1px 2px rgba(255,255,255,.6), inset 0 -1px 1px 0 rgba(0,0,0,.5), 0 0 3px #000;
	-o-box-shadow:		inset 0 .1rem .2rem rgba(255,255,255,.6), inset 0 -.1rem .1rem 0 rgba(0,0,0,.5), 0 0 .3rem #000;
	box-shadow:		inset 0 1px 2px rgba(255,255,255,.6), inset 0 -1px 1px 0 rgba(0,0,0,.5), 0 0 3px #000;
	box-shadow:		inset 0 .1rem .2rem rgba(255,255,255,.6), inset 0 -.1rem .1rem 0 rgba(0,0,0,.5), 0 0 .3rem #000;
	-webkit-transform:	scale(0);
	-moz-transform:		scale(0);
	-o-transform:		scale(0);
	transform:		scale(0);
}
input[type="radio"]:checked+label:after {
	-webkit-transform:	scale(1);
	-moz-transform:		scale(1);
	-o-transform:		scale(1);
	transform:		scale(1);
}
input[type="radio"]:checked+label:hover:after {
	-webkit-transform:	scale(1.3);
	-moz-transform:		scale(1.3);
	-o-transform:		scale(1.3);
	transform:		scale(1.3);
}

input[type="submit"],input[type="button"]{
	font-size: 120%;
	background-color: rgba(164,76,111,1.00);
	color:rgba(255,255,255,1.00);
	width:250px;
	padding-top:3px;
	padding-bottom:3px;
	border:none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input[type="submit"]:hover,input[type="button"]:hover{
	background-color: rgba(153,153,153,1.00);
}