@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");

body {
	color: #000000;
	background-color: #cccccc;
}
:link:active, :visited:active {
	color: #CC33CC;
}
:visited {
	color: #551A8B;
}
:link {
	color: #4200DA;
}
a:link {
	border: none;
}

h1,h2 {
	font-family: 'Bad script';
}

h1{
	font-size: 2vw;
}

h2 {
	font-size: 1vw;
}

table.largeTable {
	width:100%;
}
table.bordure {
	padding: 5pt;
	box-shadow: 0px 0px 0px 5px #2484f0,0px 0px 0px 10px #fff,0px 0px 0px 18px rgba(0,0,0,0.2);
}
.center{
	text-align:center;
	vertical-align: middle;
}
p.right{
	text-align:right;
}
table.center{
	margin-left:auto; 
	margin-right:auto
}
td.center {
	width:33%;
}

img { border: 0; 
    vertical-align: middle;}

td.grossefont {
	font-size: 3vw;
	font-weight: 600;
}

span.codedirection {
    direction: rtl;
        unicode-bidi: bidi-override;
}
.icon {
        text-decoration: none;
        border-bottom: none;
        position: relative;
}
.icon:before {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-transform: none !important;
}
.icon > .label {
            display: none;
}

ul.icons {
            cursor: default;
            list-style: none;
            padding-left: 0;
}
ul.icons li {
         display: inline-block;
         padding: 0 1em 0 0;
}
ul.icons li:last-child {
          padding-right: 0;
}
ul.icons li .icon {
          color: inherit;
}
ul.icons li .icon:before {
          font-size: 1.25em;
}

a {
        -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
        -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
        border-bottom: dotted 1px;
        color: #0000ff;
        text-decoration: none;
}

a:hover {
         border-bottom-color: #0000ff;
         color: #0000ff !important;
}
a:hover strong {
         color: inherit;
}

strong, b {
       color: #3d4449;
       font-weight: 600;
}

.petiteColonne {
	width: 1cm;
	text-align: left;
	padding-left: 0.5cm;
}

hr {
	display: block;
	clear: both;
	height: 0;
	margin: 20px 0 20px;
	padding: 0;
	border: 0;
	font-family: arial;
	text-align: center;
	font-size: 30px;
	line-height: 1;
}
hr:after {
	content: "\270E \270F \2710 \270E \270F \2710";
	height: 0;			
	letter-spacing: 1em;
	color: #0081ff;
}