/* 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: middle;
    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;
}


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

.displyiBloc{
    display: inline-block;
}

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

.visibilityNone{
    visibility: hidden;
}

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: 2px 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: middle;
    *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;
}

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

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

/* Liste de données */
.listData{
	overflow: hidden;
}

/* Overflow Hidden */
.overhid{
    overflow: hidden;
}

/* Retour à la ligne */
.clear{
    clear: both;
}
.clearLeft{
    clear: left;
}
.clearRight{
    clear: right;
}

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

/* Centrer un élément inline */
.centerInline{
	text-align: center;
}

/* Height 100% */
.fullHeight{
	height: 100%;
}

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

/* Annuler les marges */
.noMargin{
	margin: 0 !important;
}
.noMarginTop{
	margin-top: 0 !important;
}
.noMarginBottom{
	margin-bottom: 0 !important;
}


/* 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;
}


/* Clignoter */
.blink{
	animation: fadeIn 0.5s;
    animation-iteration-count: infinite;
}

/* Clignoter au survol */
.blinkOnHover:hover{
	animation: fadeIn 0.5s;
    animation-iteration-count: infinite;
}

/* Arréter de Clignoter au survol */
.stopBlinkOnHover:hover,
.stopBlinkOnHover:hover *{
	animation: none;
}

/* Clignoter 2 fois au survol */
.blink2OnHover:hover{
	animation: fadeIn 0.5s;
    animation-iteration-count: 2;
}

/* Clignoter 2 fois au survol */
.blink3OnHover:hover{
	animation: fadeIn 0.5s;
    animation-iteration-count: 3;
}


/* Positions */
.posRel{
	position: relative;
}
.posAbs{
	position: absolute;
}

/* Z-Index */
.zi0{z-index: 0;}
.zi1{z-index: 1;}
.zi2{z-index: 2;}
.zi3{z-index: 3;}
.zi4{z-index: 4;}
.zi5{z-index: 5;}
.zi6{z-index: 6;}
.zi7{z-index: 7;}
.zi8{z-index: 8;}
.zi9{z-index: 9;}
.zi10{z-index: 10;}


/* Les ombres */

.shadow{
	width: 100%;
	height: 10px;
	background-size: 100% 10px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: bottom center;
	background-image: url(../images/shadows/shadow4.png);
}
.shadow1{
	width: 100%;
	height: 10px;
	background-size: 100% 10px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: bottom center;
	background-image: url(../images/shadows/shadow.png);
}
.shadow2{
	width: 100%;
	height: 15px;
	background-size: 100% 15px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: bottom center;
	background-image: url(../images/shadows/shadow2.png);
}
.shadowLtr,
.shadowRtl{
	height: 10px;
	background-size: 50% 10px;
	background-repeat: no-repeat;
	background-color: transparent;
}
.shadowLtr{
	background-position: bottom left;
	background-image: url(../images/shadows/shadow_ltr.png);
}
.shadowRtl{
	background-position: bottom right;
	background-image: url(../images/shadows/shadow_rtl.png);
}


/* Coins arrondis */

.radiusCircle{
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.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;
}
.radius25{
    border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}
.radius30{
    border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}
.radius35{
    border-radius: 35px;
    -o-border-radius: 35px;
    -ms-border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}
.radius40{
    border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}
.radius45{
    border-radius: 45px;
    -o-border-radius: 45px;
    -ms-border-radius: 45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
}
.radius50{
    border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.radius60{
    border-radius: 60px;
    -o-border-radius: 60px;
    -ms-border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
}
.radius70{
    border-radius: 70px;
    -o-border-radius: 70px;
    -ms-border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
}
.radius80{
    border-radius: 80px;
    -o-border-radius: 80px;
    -ms-border-radius: 80px;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
}
.radius90{
    border-radius: 90px;
    -o-border-radius: 90px;
    -ms-border-radius: 90px;
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
}
.radius100{
    border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}

/* 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 tailles des polices de caractères */

.fSize10{font-size: 10px;} .fSize11{font-size: 11px;} .fSize12{font-size: 12px;} .fSize13{font-size: 13px;} .fSize14{font-size: 14px;} .fSize15{font-size: 15px;} .fSize16{font-size: 16px;} .fSize17{font-size: 17px;} .fSize18{font-size: 18px;} .fSize19{font-size: 19px;} .fSize20{font-size: 20px;} .fSize21{font-size: 21px;} .fSize22{font-size: 22px;} .fSize23{font-size: 23px;} .fSize24{font-size: 24px;} .fSize25{font-size: 25px;} .fSize26{font-size: 26px;} .fSize27{font-size: 27px;} .fSize28{font-size: 28px;} .fSize29{font-size: 29px;} .fSize30{font-size: 30px;} .fSize31{font-size: 31px;} .fSize32{font-size: 32px;} .fSize33{font-size: 33px;} .fSize34{font-size: 34px;} .fSize35{font-size: 35px;} .fSize36{font-size: 36px;} .fSize37{font-size: 37px;} .fSize38{font-size: 38px;} .fSize39{font-size: 39px;} .fSize40{font-size: 40px;}


/* Les largeurs */
.wdt10{width:10px;}.wdt15{width:15px;}.wdt20{width:20px;}.wdt25{width:25px;}.wdt30{width:30px;}.wdt35{width:35px;}.wdt40{width:40px;}.wdt45{width:45px;}.wdt50{width:50px;}.wdt55{width:55px;}.wdt60{width:60px;}.wdt65{width:65px;}.wdt70{width:70px;}.wdt75{width:75px;}.wdt80{width:80px;}.wdt85{width:85px;}.wdt90{width:90px;}.wdt95{width:95px;}.wdt100{width:100px;}

.wdt110{width:110px;}.wdt115{width:115px;}.wdt120{width:120px;}.wdt125{width:125px;}.wdt130{width:130px;}.wdt135{width:135px;}.wdt140{width:140px;}.wdt145{width:145px;}.wdt150{width:150px;}.wdt155{width:155px;}.wdt160{width:160px;}.wdt165{width:165px;}.wdt170{width:170px;}.wdt175{width:175px;}.wdt180{width:180px;}.wdt185{width:185px;}.wdt190{width:190px;}.wdt195{width:195px;}.wdt200{width:200px;}

.wdt210{width:210px;}.wdt215{width:215px;}
.wdt220{width:220px;}.wdt225{width:225px;}.wdt230{width:230px;}.wdt235{width:235px;}.wdt240{width:240px;}.wdt245{width:245px;}.wdt250{width:250px;}.wdt255{width:255px;}.wdt260{width:260px;}.wdt265{width:265px;}.wdt270{width:270px;}.wdt275{width:275px;}.wdt280{width:280px;}.wdt285{width:285px;}.wdt290{width:290px;}.wdt295{width:295px;}.wdt300{width:300px;}

.wdt310{width:310px;}.wdt315{width:315px;}.wdt320{width:320px;}.wdt325{width:325px;}.wdt330{width:330px;}.wdt335{width:335px;}.wdt340{width:340px;}.wdt345{width:345px;}.wdt350{width:350px;}.wdt355{width:355px;}.wdt360{width:360px;}.wdt365{width:365px;}.wdt370{width:370px;}.wdt375{width:375px;}.wdt380{width:380px;}.wdt385{width:385px;}.wdt390{width:390px;}.wdt395{width:395px;}.wdt400{width:400px;}

.wdt410{width:410px;}.wdt415{width:415px;}.wdt420{width:420px;}.wdt425{width:425px;}
.wdt430{width:430px;}.wdt435{width:435px;}.wdt440{width:440px;}
.wdt445{width:445px;}.wdt450{width:450px;}.wdt455{width:455px;}.wdt460{width:460px;}.wdt465{width:465px;}.wdt470{width:470px;}.wdt475{width:475px;}.wdt480{width:480px;}.wdt485{width:485px;}.wdt490{width:490px;}.wdt495{width:495px;}.wdt500{width:500px;}

.wdt510{width:510px;}.wdt515{width:515px;}.wdt520{width:520px;}.wdt525{width:525px;}.wdt530{width:530px;}.wdt535{width:535px;}.wdt540{width:540px;}.wdt545{width:545px;}.wdt550{width:550px;}.wdt555{width:555px;}.wdt560{width:560px;}.wdt565{width:565px;}.wdt570{width:570px;}.wdt575{width:575px;}.wdt580{width:580px;}.wdt585{width:585px;}.wdt590{width:590px;}.wdt595{width:595px;}.wdt600{width:600px;}

.wdt610{width:610px;}.wdt615{width:615px;}.wdt620{width:620px;}.wdt625{width:625px;}.wdt630{width:630px;}.wdt635{width:635px;}.wdt640{width:640px;}.wdt645{width:645px;}.wdt650{width:650px;}.wdt655{width:655px;}.wdt660{width:660px;}.wdt665{width:665px;}.wdt670{width:670px;}.wdt675{width:675px;}.wdt680{width:680px;}.wdt685{width:685px;}.wdt690{width:690px;}.wdt695{width:695px;}.wdt700{width:700px;}

.wdt710{width:710px;}.wdt715{width:715px;}.wdt720{width:720px;}.wdt725{width:725px;}.wdt730{width:730px;}.wdt735{width:735px;}.wdt740{width:740px;}.wdt745{width:745px;}.wdt750{width:750px;}.wdt755{width:755px;}.wdt760{width:760px;}.wdt765{width:765px;}.wdt770{width:770px;}.wdt775{width:775px;}.wdt780{width:780px;}.wdt785{width:785px;}.wdt790{width:790px;}.wdt795{width:795px;}.wdt800{width:800px;}

.wdt810{width:810px;}.wdt815{width:815px;}.wdt820{width:820px;}.wdt825{width:825px;}.wdt830{width:830px;}.wdt835{width:835px;}.wdt840{width:840px;}.wdt845{width:845px;}.wdt850{width:850px;}.wdt855{width:855px;}.wdt860{width:860px;}.wdt865{width:865px;}.wdt870{width:870px;}.wdt875{width:875px;}.wdt880{width:880px;}.wdt885{width:885px;}.wdt890{width:890px;}.wdt895{width:895px;}.wdt900{width:900px;}

.wdt910{width:910px;}.wdt915{width:915px;}.wdt920{width:920px;}.wdt925{width:925px;}.wdt930{width:930px;}.wdt935{width:935px;}.wdt940{width:940px;}.wdt945{width:945px;}.wdt950{width:950px;}.wdt955{width:955px;}.wdt960{width:960px;}.wdt965{width:965px;}.wdt970{width:970px;}.wdt975{width:975px;}.wdt980{width:980px;}.wdt985{width:985px;}.wdt990{width:990px;}.wdt995{width:995px;}.wdt1000{width:1000px;}

.wdt5p100{width:5%;}.wdt10p100{width:10%;}.wdt15p100{width:15%;}.wdt20p100{width:20%;}.wdt25p100{width:25%;}.wdt30p100{width:30%;}.wdt35p100{width:35%;}.wdt40p100{width:40%;}.wdt45p100{width:45%;}.wdt50p100{width:50%;}.wdt55p100{width:55%;}.wdt60p100{width:60%;}.wdt65p100{width:65%;}.wdt70p100{width:70%;}.wdt75p100{width:75%;}.wdt80p100{width:80%;}.wdt85p100{width:85%;}.wdt90p100{width:90%;}.wdt95p100{width:95%;}.wdt100p100{width:100%;}


/* Les hauteurs */
.hgt10{height:10px;}.hgt15{height:15px;}.hgt20{height:20px;}.hgt25{height:25px;}.hgt30{height:30px;}.hgt35{height:35px;}.hgt40{height:40px;}.hgt45{height:45px;}.hgt50{height:50px;}.hgt55{height:55px;}.hgt60{height:60px;}.hgt65{height:65px;}.hgt70{height:70px;}.hgt75{height:75px;}.hgt80{height:80px;}.hgt85{height:85px;}.hgt90{height:90px;}.hgt95{height:95px;}.hgt100{height:100px;}

.hgt110{height:110px;}.hgt115{height:115px;}.hgt120{height:120px;}.hgt125{height:125px;}.hgt130{height:130px;}.hgt135{height:135px;}.hgt140{height:140px;}.hgt145{height:145px;}.hgt150{height:150px;}.hgt155{height:155px;}.hgt160{height:160px;}.hgt165{height:165px;}.hgt170{height:170px;}.hgt175{height:175px;}.hgt180{height:180px;}.hgt185{height:185px;}.hgt190{height:190px;}.hgt195{height:195px;}.hgt200{height:200px;}

.hgt210{height:210px;}.hgt215{height:215px;}
.hgt220{height:220px;}.hgt225{height:225px;}.hgt230{height:230px;}.hgt235{height:235px;}.hgt240{height:240px;}.hgt245{height:245px;}.hgt250{height:250px;}.hgt255{height:255px;}.hgt260{height:260px;}.hgt265{height:265px;}.hgt270{height:270px;}.hgt275{height:275px;}.hgt280{height:280px;}.hgt285{height:285px;}.hgt290{height:290px;}.hgt295{height:295px;}.hgt300{height:300px;}

.hgt310{height:310px;}.hgt315{height:315px;}.hgt320{height:320px;}.hgt325{height:325px;}.hgt330{height:330px;}.hgt335{height:335px;}.hgt340{height:340px;}.hgt345{height:345px;}.hgt350{height:350px;}.hgt355{height:355px;}.hgt360{height:360px;}.hgt365{height:365px;}.hgt370{height:370px;}.hgt375{height:375px;}.hgt380{height:380px;}.hgt385{height:385px;}.hgt390{height:390px;}.hgt395{height:395px;}.hgt400{height:400px;}

.hgt410{height:410px;}.hgt415{height:415px;}.hgt420{height:420px;}.hgt425{height:425px;}
.hgt430{height:430px;}.hgt435{height:435px;}.hgt440{height:440px;}
.hgt445{height:445px;}.hgt450{height:450px;}.hgt455{height:455px;}.hgt460{height:460px;}.hgt465{height:465px;}.hgt470{height:470px;}.hgt475{height:475px;}.hgt480{height:480px;}.hgt485{height:485px;}.hgt490{height:490px;}.hgt495{height:495px;}.hgt500{height:500px;}

.hgt510{height:510px;}.hgt515{height:515px;}.hgt520{height:520px;}.hgt525{height:525px;}.hgt530{height:530px;}.hgt535{height:535px;}.hgt540{height:540px;}.hgt545{height:545px;}.hgt550{height:550px;}.hgt555{height:555px;}.hgt560{height:560px;}.hgt565{height:565px;}.hgt570{height:570px;}.hgt575{height:575px;}.hgt580{height:580px;}.hgt585{height:585px;}.hgt590{height:590px;}.hgt595{height:595px;}.hgt600{height:600px;}

.hgt610{height:610px;}.hgt615{height:615px;}.hgt620{height:620px;}.hgt625{height:625px;}.hgt630{height:630px;}.hgt635{height:635px;}.hgt640{height:640px;}.hgt645{height:645px;}.hgt650{height:650px;}.hgt655{height:655px;}.hgt660{height:660px;}.hgt665{height:665px;}.hgt670{height:670px;}.hgt675{height:675px;}.hgt680{height:680px;}.hgt685{height:685px;}.hgt690{height:690px;}.hgt695{height:695px;}.hgt700{height:700px;}

.hgt710{height:710px;}.hgt715{height:715px;}.hgt720{height:720px;}.hgt725{height:725px;}.hgt730{height:730px;}.hgt735{height:735px;}.hgt740{height:740px;}.hgt745{height:745px;}.hgt750{height:750px;}.hgt755{height:755px;}.hgt760{height:760px;}.hgt765{height:765px;}.hgt770{height:770px;}.hgt775{height:775px;}.hgt780{height:780px;}.hgt785{height:785px;}.hgt790{height:790px;}.hgt795{height:795px;}.hgt800{height:800px;}

.hgt810{height:810px;}.hgt815{height:815px;}.hgt820{height:820px;}.hgt825{height:825px;}.hgt830{height:830px;}.hgt835{height:835px;}.hgt840{height:840px;}.hgt845{height:845px;}.hgt850{height:850px;}.hgt855{height:855px;}.hgt860{height:860px;}.hgt865{height:865px;}.hgt870{height:870px;}.hgt875{height:875px;}.hgt880{height:880px;}.hgt885{height:885px;}.hgt890{height:890px;}.hgt895{height:895px;}.hgt900{height:900px;}

.hgt910{height:910px;}.hgt915{height:915px;}.hgt920{height:920px;}.hgt925{height:925px;}.hgt930{height:930px;}.hgt935{height:935px;}.hgt940{height:940px;}.hgt945{height:945px;}.hgt950{height:950px;}.hgt955{height:955px;}.hgt960{height:960px;}.hgt965{height:965px;}.hgt970{height:970px;}.hgt975{height:975px;}.hgt980{height:980px;}.hgt985{height:985px;}.hgt990{height:990px;}.hgt995{height:995px;}.hgt1000{height:1000px;}

.hgt5p100{height:5%;}.hgt10p100{height:10%;}.hgt15p100{height:15%;}.hgt20p100{height:20%;}.hgt25p100{height:25%;}.hgt30p100{height:30%;}.hgt35p100{height:35%;}.hgt40p100{height:40%;}.hgt45p100{height:45%;}.hgt50p100{height:50%;}.hgt55p100{height:55%;}.hgt60p100{height:60%;}.hgt65p100{height:65%;}.hgt70p100{height:70%;}.hgt75p100{height:75%;}.hgt80p100{height:80%;}.hgt85p100{height:85%;}.hgt90p100{height:90%;}.hgt95p100{height:95%;}.hgt100p100{height:100%;}


/* Les marges */

/* Margin et Padding */

/* Margin Top */
.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;}.mt60{margin-top:60px;}

/* Margin Bottom */
.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;}.mb60{margin-bottom:60px;}

/* Margin Top Bottom */
.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;}.mtb60{margin-top:60px;margin-bottom:60px;}

/* Margin Left */
.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;}.ml60{margin-left:60px;}

/* Margin Right */
.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;}.mr60{margin-right:60px;}

/* Margin Left Right */
.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;}.mlr60{margin-left:60px;margin-right:60px;}

/* Padding Top */
.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;}.pt60{padding-top:60px;}

/* Padding Bottom */
.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;}.pb60{padding-bottom:60px;}

/* Padding Top Bottom */
.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;}.ptb60{padding-top:60px;padding-bottom:60px;}

/* Padding Left */
.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;}.pl60{padding-left:60px;}

/* Padding Right */
.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;}.pr60{padding-right:60px;}

/* Padding Left Right */
.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;}.plr60{padding-left:60px;padding-right:60px;}