/* STYLES DE BASE */

/**
 * @author Idir MEZINE
 * @copyright 2013
 */

/*
body {
	color: red;  Valable pour tous les navigateurs
	color : green\9; /* IE8
	*color : yellow; /* IE7
	_color : orange; OU ?color : orange; /* IE6
}

Seulement pour IE7
*:first-child+html [selector]{
	background: red;
}
 
Seulement pour IE6
* html [selector] {
	background: red;
}
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, var, video, xmp{
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


html,
body {
  height: 100%;
}

html{
    overflow-y: no-display;
    overflow-y: auto;
	font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

body{
	margin: 0;
    width: 100%;
    line-height: 1.4;
    background-color: #fff;
    font: 12px "lucida sans unicode", "lucida sans", "lucida Grande", verdana, arial, sans-serif;
}


.bloc, article,aside,details,figcaption,figure,
footer,header,hgroup,main,menu,nav,section{
    display: block;
}

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

[hidden]{
    display: none;
}

ins{
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark{
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del{
    text-decoration: line-through;
}

abbr[title], dfn[title]{
    border-bottom:1px dotted;
    cursor:help;
}

dfn{
    font-style: italic;
}

pre{
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote, q{
    quotes: none;
}

blockquote{
    margin: 1em 40px;
}

blockquote:before, blockquote:after,
q:before, q:after{
    content: '';
    content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

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

sup{
    top: -0.5em;
}

sub{
    bottom: -0.25em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}

.chromeframe{
    width: 300px;
    padding: 10px;
    background-color: #ff9;
    text-align: center;
    position: fixed;
    right: 0;
    z-index: 100;
}


/* Lors de la selection du texte */

::-moz-selection{
    background: #CC3333;
    text-shadow: none;
    color: #fff;
}

::selection{
    background: #CC3333;
    text-shadow: none;
    color: #fff;
}


/* Titres */

h1, h2, h3, h4, h5, h6{
    /* margin: 1em 0 .5em; Rapproche le titre du texte. */
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. */
    font-style: normal;
}

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

h2{
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3{
    font-size: 1.17em;
    margin: 1em 0;
}

h4{
    font-size: 1em;
    margin: 1.33em 0;
}

h5{
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6{
    font-size: 0.67em;
    margin: 2.33em 0;
}


/* Listes */

ul, ol{
    padding: 0;
    /*list-style: none;*/
    margin: .75em 0 .75em 32px;
}

ol {
  list-style: decimal;
}
ul {
  list-style: disc;
}
li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}



/* Paragraphes */

p{
    margin: .75em 0; /* Marges plus faibles que par défaut. */
    line-height: 1.4em;
}

address{
    margin: .75em 0;
    font-style: normal;
}


/* Ligne horizontale */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    height: 0;
    border: 0;
    margin: 1em 0;
    padding: 0;
    clear: both;
    border-top: 1px solid #e5e5e5;
}


/* Eléments Text de type block */

p,
dl,
hr,
h1, h2, h3, h4, h5, h6,
ol, ul,
pre,
table,
address,
fieldset,
figure {
	margin-bottom: 20px;
}


/* Liens */

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    text-decoration: none;
    vertical-align: baseline;
    background: transparent;
}

:focus,
a:hover,
a:active {
    outline: none;
}


/* Divers éléments de type inline */

img{
    border: none;
	font-size: 0;
	color: transparent;
    vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

em{
    font-style: italic;
}

b, strong{
    font-weight: bold;
}

small {
    font-size: 85%;
}


/* Tableaux */

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

th,
td,
caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

.table{
    width: 100%;
    border: none;
    border-spacing: 0;
	border-collapse: collapse;
}
.table tr{
    height: auto;
}
.table td,
.table th{
    padding: 0;
    border: none;
	text-align: center;
    vertical-align: middle;
}


/* Formulaires */

form, fieldset{
    margin: 0;
    padding: 0;
    border: none;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button, input{
    line-height: normal;
}

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

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

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

input,
button,
select,
textarea{
    margin: 0;
    padding: 0 5px;
    font: 100% tahoma;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #fff;
    vertical-align: baseline;
    *vertical-align: middle;
    /*
    border-width: 1px;
    border-style: solid;
    border-color: #aaa #cdcdcd #cdcdcd #aaa;*/
    border: 1px solid #D9D9D9;
    border-top: 1px solid #C0C0C0;
}

input{
    height: 35px;
    line-height: 35px;
    ?height: 37px;
}

textarea{
    resize: vertical;
    vertical-align: top;
    overflow: auto; /* Pour enlever la barre de défilement verticale sous IE6/7/8/9 */
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}

/* Pré-remplissage des champs */
.placeholder{
    color: #999;
}

/* Label */
label{
    color: #666;
    text-shadow: 0 1px 0 #fff;
}

video {
  width: 100% !important;
  height: auto !important;
}

img,embed,object,video,iframe{
	max-width: 100%;
}

/* Les flash */
.swf{
    position: relative;
    z-index: 0;
}

/* Cacher un élément */
.hidden{
    display: none;
}

/* Retour à la ligne */
.clear{
    clear: both;
}

/* Marges nulles */
.no-margin{
    margin: 0;
}

/* Barrer */
.line-trg{
    text-decoration: line-through;
}

/* Element actuel */
.current{
	cursor: default;
}


/* Scroll */
#scrollUp{
    bottom: 0;
    width: 70px;
    height: 70px;
    margin-bottom: -10px;
    padding: 10px 5px;
    font: 14px/20px sans-serif;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    color: #828282;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#DEDEDE));
    background-image: -webkit-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: -o-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: linear-gradient(to bottom, #EBEBEB, #DEDEDE);
    background-repeat: repeat-x;
    -webkit-transition: margin-bottom 150ms linear;
    -moz-transition: margin-bottom 150ms linear;
    -o-transition: margin-bottom 150ms linear;
    transition: margin-bottom 150ms linear;
	
	display: none;
}

#scrollUp:hover {
    margin-bottom: 0;
}


/* Coins arrondis */

/* All */
.radius2{
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.radius3{
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.radius5{
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.radius10{
    border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.radius15{
    border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
.radius20{
    border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

/* Top */
.radius2t{
    border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
}
.radius3t{
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}
.radius5t{
    border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}
.radius10t{
    border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
}
.radius15t{
    border-radius: 15px 15px 0 0;
    -o-border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
}
.radius20t{
    border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
}

/* Bottom */
.radius2b{
    border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
}
.radius3b{
    border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
}
.radius5b{
    border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.radius10b{
    border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}
.radius15b{
    border-radius: 0 0 15px 15px;
    -o-border-radius: 0 0 15px 15px;
    -ms-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
}
.radius20b{
    border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -webkit-border-radius: 0 0 20px 20px;
}


/* L'opacité */

.opacity90{
    opacity: 0.9;
    -o-opacity: 0.9;
    -moz-opacity : 0.9;
    -webkit-opacity: 0.9;
    -ms-filter: "alpha(opacity=90)"; /* IE 8 */
    filter: alpha(opacity=90); /* IE < 8 */
}
.opacity80{
    opacity: 0.8;
    -o-opacity: 0.8;
    -moz-opacity : 0.8;
    -webkit-opacity: 0.8;
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter: alpha(opacity=80); /* IE < 8 */
}
.opacity70{
    opacity: 0.7;
    -o-opacity: 0.7;
    -moz-opacity : 0.7;
    -webkit-opacity: 0.7;
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter: alpha(opacity=70); /* IE < 8 */
}
.opacity60{
    opacity: 0.6;
    -o-opacity: 0.6;
    -moz-opacity : 0.6;
    -webkit-opacity: 0.6;
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    filter: alpha(opacity=60); /* IE < 8 */
}
.opacity50{
    opacity: 0.5;
    -o-opacity: 0.5;
    -moz-opacity : 0.5;
    -webkit-opacity: 0.5;
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    filter: alpha(opacity=50); /* IE < 8 */
}
.opacity40{
    opacity: 0.4;
    -o-opacity: 0.4;
    -moz-opacity : 0.4;
    -webkit-opacity: 0.4;
    -ms-filter: "alpha(opacity=40)"; /* IE 8 */
    filter: alpha(opacity=40); /* IE < 8 */
}
.opacity30{
    opacity: 0.3;
    -o-opacity: 0.3;
    -moz-opacity : 0.3;
    -webkit-opacity: 0.3;
    -ms-filter: "alpha(opacity=30)"; /* IE 8 */
    filter: alpha(opacity=30); /* IE < 8 */
}
.opacity20{
    opacity: 0.2;
    -o-opacity: 0.2;
    -moz-opacity: 0.2;
    -webkit-opacity: 0.2;
    -ms-filter: "alpha(opacity=20)"; /* IE 8 */
    filter: alpha(opacity=20); /* IE < 8 */
}
.opacity10{
    opacity: 0.1;
    -o-opacity: 0.1;
    -moz-opacity: 0.1;
    -webkit-opacity: 0.1;
    -ms-filter: "alpha(opacity=10)"; /* IE 8 */
    filter: alpha(opacity=10); /* IE < 8 */
}
.opacity5{
    opacity: 0.05;
    -o-opacity: 0.05;
    -moz-opacity: 0.05;
    -webkit-opacity: 0.05;
    -ms-filter: "alpha(opacity=5)"; /* IE 8 */
    filter: alpha(opacity=5); /* IE < 8 */
}
.opacityzero{
    opacity : 0;
    -o-opacity: 0;
    -moz-opacity : 0;
    -webkit-opacity: 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 de 0 à 100*/ 
    filter : alpha(opacity=0); /* IE < 8 */
}


/* Les marges */

/* Margin */
.mt0{margin-top:0;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}

.mb0{margin-bottom:0;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}

.mtb0{margin-top:0;margin-bottom:0;}.mtb5{margin-top:5px;margin-bottom:5px;}.mtb10{margin-top:10px;margin-bottom:10px;}.mtb15{margin-top:15px;margin-bottom:15px;}.mtb20{margin-top:20px;margin-bottom:20px;}.mtb25{margin-top:25px;margin-bottom:25px;}.mtb30{margin-top:30px;margin-bottom:30px;}.mtb35{margin-top:35px;margin-bottom:35px;}.mtb40{margin-top:40px;margin-bottom:40px;}.mtb45{margin-top:45px;margin-bottom:45px;}.mtb50{margin-top:50px;margin-bottom:50px;}.mtb55{margin-top:55px;margin-bottom:55px;}

.ml0{margin-left:0;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}

.mr0{margin-right:0;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}

.mlr0{margin-left:0;margin-right:0;}.mlr5{margin-left:5px;margin-right:5px;}.mlr10{margin-left:10px;margin-right:10px;}.mlr15{margin-left:15px;margin-right:15px;}.mlr20{margin-left:20px;margin-right:20px;}.mlr25{margin-left:25px;margin-right:25px;}.mlr30{margin-left:30px;margin-right:30px;}.mlr35{margin-left:35px;margin-right:35px;}.mlr40{margin-left:40px;margin-right:40px;}.mlr45{margin-left:45px;margin-right:45px;}.mlr50{margin-left:50px;margin-right:50px;}.mlr55{margin-left:55px;margin-right:55px;}

/* Padding */
.padding{overflow:hidden;}.pt0{padding-top:0;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}

.pb0{padding-bottom:0;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}

.ptb0{padding-top:0;padding-bottom:0;}.ptb5{padding-top:5px;padding-bottom:5px;}.ptb10{padding-top:10px;padding-bottom:10px;}.ptb15{padding-top:15px;padding-bottom:15px;}.ptb20{padding-top:20px;padding-bottom:20px;}.ptb25{padding-top:25px;padding-bottom:25px;}.ptb30{padding-top:30px;padding-bottom:30px;}.ptb35{padding-top:35px;padding-bottom:35px;}.ptb40{padding-top:40px;padding-bottom:40px;}.ptb45{padding-top:45px;padding-bottom:45px;}.ptb50{padding-top:50px;padding-bottom:50px;}.ptb55{padding-top:55px;padding-bottom:55px;}

.pl0{padding-left:0;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}

.pr0{padding-right:0;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}

.plr0{padding-left:0;padding-right:0;}.plr5{padding-left:5px;padding-right:5px;}.plr10{padding-left:10px;padding-right:10px;}.plr15{padding-left:15px;padding-right:15px;}.plr20{padding-left:20px;padding-right:20px;}.plr25{padding-left:25px;padding-right:25px;}.plr30{padding-left:30px;padding-right:30px;}.plr35{padding-left:35px;padding-right:35px;}.plr40{padding-left:40px;padding-right:40px;}.plr45{padding-left:45px;padding-right:45px;}.plr50{padding-left:50px;padding-right:50px;}.plr55{padding-left:55px;padding-right:55px;}