@charset "utf-8";

/* ::::::::::::::::::::: */
/* ::::: reset css ::::: */
/* ::::::::::::::::::::: */

html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre
				{ display: block; }
head            { display: none; }
table           { display: table; }
tr              { display: table-row; }
thead           { display: table-header-group; }
tbody           { display: table-row-group; }
tfoot           { display: table-footer-group; }
col             { display: table-column; }
colgroup        { display: table-column-group; }
td, th          { display: table-cell; }
caption         { display: table-caption; }
th              { font-weight: bolder; text-align: center; }
caption         { text-align: center; }
body            { margin: 8px; }
h1              { font-size: 2em; margin: .67em 0; }
h2              { font-size: 1.5em; margin: .75em 0; }
h3              { font-size: 1.17em; margin: .83em 0; }
h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu
				{ margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0; }
h6              { font-size: .75em; margin: 1.67em 0; }
h1, h2, h3, h4, h5, h6, b, strong
				{ font-weight: normal; }
blockquote      { margin-left: 40px; margin-right: 40px; }
i, cite, em, var, address
				{ font-style: italic; }
pre, tt, code, kbd, samp
				{ font-family: monospace; }
pre             { white-space: pre; }
button, textarea, input, select		
				{ display: inline-block; }
big             { font-size: 1.17em; }
small, sub, sup { font-size: .83em; }
sub             { vertical-align: sub; }
sup             { vertical-align: super; }
table           { border-spacing: 2px; }
thead, tbody, tfoot
				{ vertical-align: middle; }
td, th          { vertical-align: inherit; }
s, strike, del  { text-decoration: line-through; }
hr              { border: 1px inset; }
ol, ul, dir, menu, dd
				{ margin-left: 40px; }
ol              { list-style-type: decimal; }
ol ul, ul ol, ul ul, ol ol
				{ margin-top: 0; margin-bottom: 0; }
u, ins          { text-decoration: underline; }
:before, :after { white-space: pre-line; }
center          { text-align: center; }
:link, :visited { text-decoration: underline; }
/*:focus          { outline: thin dotted invert; }*/
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override; }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override; }
*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed; }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed; }
@media print
{
	h1			{ page-break-before: always; }
	h1, h2, h3, h4, h5, h6
				{ page-break-after: avoid; }
	ul, ol, dl	{ page-break-before: avoid; }
}
img				{ border: 0; }
ul, ol			{ padding-left: 0; }

/* ::::::::::::::::::::::: */
/* ::::: default css ::::: */
/* ::::::::::::::::::::::: */


img[align=left], img.gauche, img[align=right], img.droite	{ display: block; padding: 5px; border: 1px solid #ddd; background: #fafafa; margin-bottom: 10px; }
img[align=left], img.gauche						{ float: left; margin-right: 60px; }
img[align=right], img.droite					{ float: right; margin-left: 60px; }
img.noborder {border: none; background: none; padding: 0;}

#marker-container	{ width: 0; height: 0; overflow: hidden; }

body {
    margin: 0;
}

body, input, textarea, table
{
    font-family: 'ralewayregular' , arial , sans-serif;
    font-size : 14px ;
    color : #555555 ;
	line-height: 1.5em;
}

strong {
    font-family: 'ralewaybold' , arial , sans-serif;
}

body, input, textarea, table, a
{
	color: #555555;
}

a:hover
{
	text-decoration: none;
}

/* :::::::::::::::::::::::: */
/* ::::::::: Fonts :::::::: */
/* :::::::::::::::::::::::: */


@font-face {
    font-family: 'ralewaythin';
    src: url('fonts/raleway_thin-webfont.eot');
    src: url('fonts/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway_thin-webfont.woff') format('woff'),
         url('fonts/raleway_thin-webfont.ttf') format('truetype'),
         url('fonts/raleway_thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold-webfont.woff') format('woff'),
         url('fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('fonts/raleway-extrabold-webfont.eot');
    src: url('fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('fonts/raleway-extrabold-webfont.ttf') format('truetype'),
         url('fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/raleway-extralight-webfont.eot');
    src: url('fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extralight-webfont.woff') format('woff'),
         url('fonts/raleway-extralight-webfont.ttf') format('truetype'),
         url('fonts/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayheavy';
    src: url('fonts/raleway-heavy-webfont.eot');
    src: url('fonts/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-heavy-webfont.woff') format('woff'),
         url('fonts/raleway-heavy-webfont.ttf') format('truetype'),
         url('fonts/raleway-heavy-webfont.svg#ralewayheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway-light-webfont.eot');
    src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light-webfont.woff') format('woff'),
         url('fonts/raleway-light-webfont.ttf') format('truetype'),
         url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium-webfont.eot');
    src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-medium-webfont.woff') format('woff'),
         url('fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold-webfont.eot');
    src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('fonts/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabolditalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('fonts/opensans-condbold-webfont.eot');
    src: url('fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condbold-webfont.woff') format('woff'),
         url('fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('fonts/opensans-condbold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedLightRegular';
    src: url('fonts/opensans-condlight-webfont.eot');
    src: url('fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condlight-webfont.woff') format('woff'),
         url('fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('fonts/opensans-condlight-webfont.svg#OpenSansCondensedLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedLightItalic';
    src: url('fonts/opensans-condlightitalic-webfont.eot');
    src: url('fonts/opensans-condlightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condlightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-condlightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-condlightitalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* :::::::::::::::::::::::: */
/* ::::: styles iSens ::::: */
/* :::::::::::::::::::::::: */

/* bleu */
h2.titre-paragraphe {
    margin: 42px 0 10px 0;
    padding: 0;
    font-family: ralewaysemibold, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #0fb3d6;
    /*font-size: 22px;*/
    font-size: 1em;
}

h2.titre-paragraphe-big {
    margin: 42px 0 10px 0;
    padding: 0;
    font-family: ralewaysemibold, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #0fb3d6;
    font-size: 1.7em;
}

/* violet */
h2.titre-paragraphe2 {
    margin: 42px 0 10px 0;
    padding: 0;
    font-family: ralewaymedium, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #7d2b8b;
    font-size: 22px;
}

/* bleu */
h2.titre-paragraphe-1 {
    margin: 42px 0 25px 0;
    padding: 0;
    font-family: ralewaylight, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #0fb3d6;
    /*font-size: 2em;*/
	/*font-size: 34px;*/
    font-size: 26px;
}

/* violet */
h2.titre-paragraphe-2 {
    margin: 42px 0 25px 0;
    padding: 0;
    font-family: ralewaylight, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #7d2b8b;
    /*font-size: 2em;*/
	/*font-size: 34px;*/
    font-size: 26px;
}

/* vert */
h2.titre-paragraphe-3 {
    margin: 42px 0 22px 0;
    padding: 0;
    font-family: ralewaylight, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #a4c814;
    /*font-size: 2em;*/
	/*font-size: 34px;*/
    font-size: 26px;
}

/*h3.titre-accordeon {
    background: url(img/picot-bleu.png) left bottom;
    margin: 10px 0 0 0;
    padding: 0px 5px;
    color: #fff;
    cursor: pointer;
}
h3.titre-accordeon + p {
    margin-top: 0;
}*/

h2.titre-accord {
    color: #0fb3d6;
    font-family: ralewaymedium,Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    margin: 20px 0 5px;
    padding: 0;
}
h2.titre-accord a {
    color: #0fb3d6;
}

h3.titre-paragraphe {
    color: #333;
    font-family: ralewaymedium,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    margin: 20px 0 5px;
    padding: 0;
}

div.columns {
    -moz-column-count: 2; /* Firefox */
    -webkit-column-count: 2; /* Safari and Chrome */
    column-count: 2;
    -moz-column-gap: 30px; /* Firefox */
    -webkit-column-gap: 30px; /* Safari and Chrome */
    column-gap: 30px;
}

div.columns p {
    margin-top: 0;
    margin-bottom: 15px;
}


span.mise-en-avant {
    font-family: ralewayextralight, Arial, Helvetica, sans-serif;
    font-size: 38px;
    line-height: 1em;
    background-image: url(img/quotes-1.png), url(img/quotes-2.png);
    background-position: left bottom, right top;
    background-repeat: no-repeat;
    text-align: center;
	letter-spacing: -1px;
}

span.gras-bleue,
a.gras-bleue {
	font-family: 'ralewaysemibold', Arial, Helvetica, sans-serif;;
	font-size: 18px;
	color: #0fb3d6;
}

span.encadre-pointilles {
    border: 1px dashed #cccccc;
    padding: 10px;
    border-radius:4px;
    font-size: 13px;
    color: #888888;
    display: block;
    line-height: 18px;
}

ul.liste-puces-1,
ul.liste-puces-2,
ul.liste-puces-3,
ul.liste-puces-1-neutre,
ul.liste-puces-2-neutre,
ul.liste-puces-3-neutre,
ul.liste-puces-1-float,
ul.liste-puces-2-float,
ul.liste-puces-3-float {
    /*margin: 32px 0 60px 0;*/
    margin: 32px 0;
    padding: 0;
    list-style: none;
	font-size: 16px;
	font-family: 'ralewaysemibold';
    text-align: justify;
}

ul.liste-puces-1-neutre,
ul.liste-puces-2-neutre,
ul.liste-puces-3-neutre {
    font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
    font-size: 1em;
}

ul.liste-puces-1 li,
ul.liste-puces-1-neutre li,
ul.liste-puces-1-float li {
    background: url(img/flechette-1.png) no-repeat 0 4px;
    padding-left: 31px;
    margin-bottom: 12px;
	color: #29bddf;
}

ul.liste-puces-2 li,
ul.liste-puces-2-neutre li,
ul.liste-puces-2-float li {
    background: url(img/flechette-2.png) no-repeat 0 2px;
    padding-left: 31px;
    margin-bottom: 12px;
	color: #7d2b8b;
}

ul.liste-puces-3 li,
ul.liste-puces-3-neutre li,
ul.liste-puces-3-float li {
    background: url(img/flechette-3.png) no-repeat 0 2px;
    padding-left: 31px;
    margin-bottom: 12px;
	color: #a4c814;
}

ul.liste-puces-1-neutre li,
ul.liste-puces-2-neutre li,
ul.liste-puces-3-neutre li {
    color: #555;
}

ul.liste-chiffres {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.liste-chiffres li {
    display: block;
    float: left;
    margin-bottom: 15px;
    width: 25%;
    text-align: center;
    font-size: 18px;
    font-family: 'ralewaysemibold';
}

ul.liste-chiffres li:first-child em {
    margin-left: 0;
}

ul.liste-chiffres li em {
    display: block;
    margin-left: 20px;
    border: 1px dashed #999999;
    border-radius: 5px;
    height: 138px;
    font-style: normal;
}

ul.liste-chiffres li a {
    display: block;
    height: 140px;
    margin-left: 20px;
}

ul.liste-chiffres li strong {
    display: block;
    font-family: 'open_sanslight';
    color: #0fb3d6;
    font-size: 60px;
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 16px;
}

ul.trombinoscope {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.trombinoscope li {
    float: left;
    display: block;
    /*width: 20%;*/
    width: 16.6%;
    text-align: center;
    height: 200px;
    font-size: 14px;
    font-family: 'ralewaysemibold';
    line-height: 1em;
}

ul.trombinoscope li strong {
    display: block;
    padding: 0 10px;
    margin-top: 2px;
    font-weight: normal;
}

ul.trombinoscope li em {
    display: block;
    padding: 0 10px;
    font-style: normal;
    color: #A4C814;
    text-transform: uppercase;
}

ul.trombinoscope li img {
    border-radius: 122px;
}

/* lien pdf et liste pdf */

ul.pdf-list {
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
}

ul.pdf-list li {
    margin-bottom: 3px;
}

ul.pdf-list li a {
    display: block;
    padding-left: 41px;
    line-height: 32px;
    background: url(img/pdf-list.png) no-repeat 0 center;
    font-family: ralewaybold, Arial, Helvetica, sans-serif;
    color: #0fb3d6;
    text-decoration: none;    
    font-size: 14px;
    line-height: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
}
ul.pdf-list li a:hover {
    text-decoration: underline;
}

a.pdf-icon {
    display: block;
    padding-left: 41px;
    line-height: 32px;
    background: url(img/pdf-list.png) no-repeat 0 center;
    font-family: ralewaybold, Arial, Helvetica, sans-serif;
    color: #0fb3d6;
    text-decoration: none;    
    font-size: 14px;
    line-height: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
}
a.pdf-icon:hover {
    text-decoration: underline;
}

a.bouton-telecharger,
a.bouton-telecharger-bleue,
a.bouton-calculer,
a.bouton-calculer-2 {
    padding: 0 70px;
    line-height: 65px;
    font-family: ralewayextrabold, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: .9em;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

a.bouton-telecharger, 
a.bouton-calculer {
    background: #9533a1;
}

a.bouton-telecharger-bleue,
a.bouton-calculer-2 {
    background: #12c2de;
}

a.bouton-lien {
    background: #9533a1;
    padding: 0 70px;
    line-height: 40px;
    font-family: ralewayextrabold, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: .9em;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

a.fleche1,
span.fleche1,
span.fleche1-neutre,
a.fleche2,
span.fleche2,
span.fleche2-neutre,
a.fleche3,
span.fleche3,
span.fleche3-neutre {
    display: block;
    font-family: 'ralewaysemibold';
    font-size: 16px;
    list-style: none outside none;
    text-align: left;
    text-align: justify;
}

span.fleche1-neutre,
span.fleche2-neutre,
span.fleche3-neutre {
    font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
    font-size: 1em;
}

a.fleche1,
span.fleche1,
span.fleche1-neutre {
    display: inline-block;
    background: url(img/flechette-1.png) no-repeat 0 2px;
    padding-left: 31px;
    color: #29bddf;
}

a.fleche2,
span.fleche2,
span.fleche2-neutre {
    display: inline-block;
    background: url(img/flechette-2.png) no-repeat 0 2px;
    padding-left: 31px;
    color: #7d2b8b;
}

a.fleche3,
span.fleche3,
span.fleche3-neutre {
    display: inline-block;
    background: url(img/flechette-3.png) no-repeat 0 2px;
    padding-left: 31px;
    color: #a4c814;
}

span.fleche1-neutre,
span.fleche2-neutre,
span.fleche3-neutre {
    color: #555;
}

/* bleu */
.couleur-1, span.couleur-1,
a.couleur-1 {
    color: #0fb3d6;
}
/* violet */
.couleur-2, span.couleur-2,
a.couleur-2 {
    color: #7d2b8b;
}
/* vert */
.couleur-3, span.couleur-3,
a.couleur-3 {
    color: #a4c814;
}

.red {
    color: red;
}

hr {
    clear: both;
    display: block;
    /*float: left;*/
    width: 100%;
    border: 0;
    border-bottom: 1px dashed #cccccc;
    margin-top: 30px;
    margin-bottom: 42px;
}

p.left {
    text-align: left;
}

p.right {
    text-align: right;
}

p.center {
    text-align: center;
}

p.justify {
    text-align: justify;
}

img.img-inline {
    display: inline;
    vertical-align: middle;
}

a.button-trombinoscope {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 230px;
    float: right;
    padding: 0 19px;
    background: #9533a1;
    background: -moz-linear-gradient(top,  #9533a1 0%, #652375 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9533a1), color-stop(100%,#652375));
    background: -webkit-linear-gradient(top,  #9533a1 0%,#652375 100%);
    background: -o-linear-gradient(top,  #9533a1 0%,#652375 100%);
    background: -ms-linear-gradient(top,  #9533a1 0%,#652375 100%);
    background: linear-gradient(to bottom,  #9533a1 0%,#652375 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9533a1', endColorstr='#652375',GradientType=0 );
    margin-left: 65px;
    margin-bottom: 50px;
    border-radius: 5px;
    font-family: 'ralewaysemibold';
    font-size: .9em;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 1.2em;
}
/*
a.button-trombinoscope:hover {
    background: #652375;
    background: -moz-linear-gradient(top,  #652375 0%, #9533a1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#652375), color-stop(100%,#9533a1));
    background: -webkit-linear-gradient(top,  #652375 0%,#9533a1 100%);
    background: -o-linear-gradient(top,  #652375 0%,#9533a1 100%);
    background: -ms-linear-gradient(top,  #652375 0%,#9533a1 100%);
    background: linear-gradient(to bottom,  #652375 0%,#9533a1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#652375', endColorstr='#9533a1',GradientType=0 );
}
*/

a.button-trombinoscope em {
    display: block;
    padding: 98px 0 28px 0;
    background: url(img/ico-trombinoscope.png) no-repeat center 28px;
    font-style: normal;
}

#marginul{
    margin-left: 50px;
}

#marginli{
    margin-left: 60px;
}