html, body {
	line-height: 130%;
	margin:0;
	padding:0;
}
body {background-color:#cccccc;}
body,td,th { font-family: Arial;}
h1, h2, h3, h4, h5 {line-height:110%;color: #a2338a;}
h1 {margin-bottom:20px;}
.font14px, .font16px, .font18px, .font20px, .font22px {line-height: 120%;}
.font14px {font-size: 110%;}
.font16px {font-size: 126%;}
.font18px {font-size: 141%;}
.font20px {font-size: 157%;}
.font22px {font-size: 173%;}
.radio {text-indent: 0;}
.bold {font-weight: bold;}
.red {color: #aa272f;}
.orange {color: #69be28;}
.violet {color: #A2338A;}
.jaune {color: #f4f702;}
.white {color: #ffffff;}
.rouge {color: #c60c30;}
.bleu {color: #006db6;}
.black {color: #000000; font-weight: normal;}
.auteurs {color: #000000; font-size: 90%; }
.sup {
    font-size: 61.5%;
    line-height: 61.5%;
    vertical-align: top;
}
label {
	display: block;
	margin-bottom: 0.5em;
}
input, select, textarea {
	margin-bottom: 1em;
	border: 0 solid transparent;
	padding: 5px 10px;
	width: 250px;
	box-shadow: none;
}
select {padding: 1px 10px;
    width: 100%;
}
.ie select {
	padding: 1px 0 1px 10px !important;
}
input[type=checkbox], input[type=radio] {
	width: auto;
	float: left;
}
input[type=radio] {
	width:10px;
	margin-left:-15px;
}
.ie input[type=radio] {
	width:10px;
	margin-left:-30px !important;
}
.radio-wrapper {
	padding-left:15px;
}
input#submitButton {
	background: transparent url("../images/send_button.png") no-repeat scroll center top;
    border-style: none;
    border-width: 0;
    box-shadow: none;
    cursor: pointer;
    height: 38px;
    margin: 5px auto;
    padding: 0;
    text-align: center;
    text-indent: -9999em;
    width: 100%;
}
.page {
	width:1000px;
	margin:1em auto;
	padding: 0;
	background-image: url("../images/fond_page.png");
	background-repeat: repeat-y;
}
#contenu {
	padding-top:40px;
}
#formulaire {
	padding-top: 40px;
	color:#ffffff;
	background-position: top left;
	background-repeat:repeat-y;
	position:relative;
}
#formulaire h3 {
	color: #a2338a;
}
#form {
	position:relative;
	color: #ffffff;
}
.points_forts {
	background-color: #EFF5F7;
    margin: 0 -10px 0 -25px;
    padding: 1em 5px 1em 20px;
}
.fancybox {
	display:block;
	width:590px;
	height:457px;
	background-image:url(../images/extraits/feuilles_jetees.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}
.points_forts #page02 {
	display: none;
}
.reference {
	color: #333333;
	line-height:120%;
	margin-bottom: 25px;
}
.reference small{
	font-size: 90%;
}
#capture {
	position:relative;
	text-align:center;
	padding-bottom: 25px;
}
#capture a {
	text-decoration: none;
}
#capture small {
	text-decoration:none;
	color:#999;
}
#formulaire .intro {
	background-color: #ffffff;
	margin: -40px -65px 20px -40px;
	padding: 40px 5px 20px 38px;
	color:#000000;
	background-image:url(../images/fond_intro.png);
	background-position: top left;
	background-repeat:repeat-y;
}
#numero {
	font-size: 115%;
}
#logo {
	padding:20px 30px 20px 20px ;
	margin: 0 -30px 0 -20px;
}
div#couv {
	margin-top:-90px;
}
div#couv:before {
	content:"";
	display:block;
	width:88px;
	height:86px;
	position:relative;
	background:url(../images/picto-prix.png) no-repeat;
	top:40px;
	right:-140px;
}
div#couv:before {background:url(../images/picto-prix-40.png) no-repeat;}
div#couv.fivty:before {background:url(../images/picto-prix-60.png) no-repeat;}
div#couv.sixty:before {background:url(../images/picto-prix-60.png) no-repeat;}
.tooltip {
	top: -1em;
    background: #555 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 5px;
    line-height: 4px;
    padding: 4px;
    position: relative;
    text-align: center;
    width: 5px;
}
.tooltip .tooltiptext {
    background-color: #555;
    border-radius: 6px;
    bottom: 20px;
    color: #fff;
    display: block;
    font-size: 11px;
    height: auto;
    left: 4px;
    line-height: 20px;
    margin-left: -155px;
    opacity: 0;
    padding: 7px;
    position: absolute;
    text-align: center;
    transition: opacity 0.5s ease 0s;
    visibility: hidden;
    width: 300px;
    z-index: 1;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

p.encadre {
	display: block;
	border: 1px solid #C70D30;
	padding: 10px;
	background: #F6F6F6;
	margin: 0 0 30px;
	width: 550px;
}
/*===== FOOTER =====*/
body > footer {
	display: block;
	width: 100%;
	max-width: 980px;
	font-size: 0.75em;
	margin: 10px auto;
}
body > footer > figure {
	display: table;
	width: 100%;
	max-width: 980px;
	margin: 0 -20px;
	border-collapse: separate;
	border-spacing: 10px;
}
body > footer > figure > div,
body > footer > figure > p {display: table-cell; vertical-align: middle;}
body > footer > figure > div {width: 126px;}
body > footer > p {margin: 10px -10px; font-size: 1em; line-height: normal; text-align: justify;}


#slide-toggle {
	cursor: pointer;
	font-family: verdana, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
	
	
	
}
	#toggle{
		position: relative;
		display: inline-block;
		height: 300px;
		overflow: hidden;
		transition: ease-in-out 0.25s;
	}
	#toggle.open {
		height: 2090px;
	}