@import url(https://fonts.googleapis.com/css?family=Exo+2:400,800);

BODY {BACKGROUND-POSITION: 50% top; MARGIN-TOP:0px; FONT-SIZE: 11px; BACKGROUND-ATTACHMENT: fixed; background-size:cover;
	BACKGROUND-IMAGE: url(../img/fondgeneral.webp); MARGIN-LEFT: 1px; MARGIN-RIGHT: 1px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #FFFFFF}
{MARGIN: 0px}
IMG {BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}

/*  FOOTER TOUJOURS EN BAS !! */
html, body, #wrap {	height: 100%;}
body > #wrap {	height: auto; 	min-height: 100%;}
#main {	padding-bottom: 65px;  /* MEME TAILLE QUE LA HAUTEUR DU FOOTER !! */}  
#footer {position: relative;	margin-top: -45px; /* VALEUR NEGATIVE DE LA HAUTEUR DU FOOTER */	height: 45px;	clear:both;}
h1, h2, h3, h4, h5 { font-weight:100;}


A:visited {	COLOR: #FFF; TEXT-DECORATION: none}
A:link {	COLOR: #FFF; TEXT-DECORATION: none}
A:hover {COLOR: #80c205}

.tablebordgris {border: 1px solid #EAEAEA;}
.tablebordblanc {border: 1px solid #FFFFFF;}
.tablebordnoir {border: 1px solid #000000;}
.tablebordcoul1 {border: 1px solid #6b675e;}
.tablebordcoul2 {border: 1px solid #0a1622;}
.tablebordcoul3 {border: 1px solid #8f8779;}
.tablebordrouge {border: 3px solid #CC0000;}

/*.petitblanc {FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif}*/
.petitblanc {FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY:  'Exo 2',Arial, Verdana, Helvetica, sans-serif;list-style-type : none;}
.normalblanc {FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY:  'Exo 2', Arial, Verdana, Helvetica, sans-serif; list-style-type:none;}
.moyenblanc {FONT-SIZE: 16px; COLOR: #FFFFFF; FONT-FAMILY:   'Exo 2',Arial, Verdana, Helvetica, sans-serif; list-style-type:none;}
.grandblanc {FONT-SIZE: 26px; COLOR: #FFFFFF; FONT-FAMILY:  'Exo 2',Arial, Verdana, Helvetica, sans-serif}

.petitrouge {FONT-SIZE: 12px; COLOR: #c70e17; FONT-FAMILY:  'Exo 2',Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 0px;}
.normalrouge {FONT-SIZE: 13px; COLOR: #c70e17; FONT-FAMILY:  'Exo 2',Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px;}
.normalrouge A:visited {	COLOR: #c70e17;}
.normalrouge A:link{COLOR: #c70e17; TEXT-DECORATION: none}
.normalrouge A:hover {COLOR: #00ccff;}
.normalrougev {FONT-SIZE: 12px; COLOR: #c70e17; FONT-FAMILY: 'Exo 2',Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: 1px;}
.moyenrouge {FONT-SIZE: 15px; COLOR: #c70e17; FONT-FAMILY: 'Exo 2', Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px;}
.grandrouge {FONT-SIZE: 24px; COLOR: #c70e17; FONT-FAMILY: 'Exo 2', Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px;}
.tresgrandrouge {FONT-SIZE: 36px; COLOR: #c70e17; FONT-FAMILY: 'Exo 2', Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px;}

.menu2blanc {FONT-SIZE: 15px; COLOR: #FFFFFF; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 0px;}
.menu2blanc A:visited {	COLOR: #FFFFFF;}
.menu2blanc A:link{COLOR: #FFFFFF; TEXT-DECORATION: none}
.menu2blanc A:hover {COLOR: #fcff00;}

.petitvert {FONT-SIZE: 10px; COLOR: #649b03; FONT-FAMILY:  'Exo 2',Arial, Verdana, Helvetica, sans-serif}
.normalvert {FONT-SIZE: 11px; COLOR: #649b03; FONT-FAMILY:  'Exo 2',Arial, Verdana, Helvetica, sans-serif}
.moyenvert {FONT-SIZE: 15px; COLOR: #649b03; FONT-FAMILY:  'Exo 2',Arial, Verdana, Helvetica, sans-serif}
.grandvert {FONT-SIZE: 26px; COLOR: #649b03; FONT-FAMILY:  'Exo 2',Arial, Verdana, Helvetica, sans-serif}

.petitgris {FONT-SIZE: 10px; COLOR: #6d6d6d; FONT-FAMILY:  'Exo 2',Arial, Verdana, Helvetica, sans-serif, }
.normalgris {FONT-SIZE: 12px; COLOR: #6d6d6d; FONT-FAMILY:  'Exo 2',Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 0px; list-style-type : none; line-height:20px}
.normalgris A:visited {	COLOR: #6d6d6d;}
.normalgris A:link{COLOR: #6d6d6d; TEXT-DECORATION: none}
.normalgris A:hover {COLOR: #80c205;}
.moyengris {FONT-SIZE: 18px; COLOR: #6d6d6d; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif}
.moyengris A:visited {	COLOR: #6d6d6d;}
.moyengris A:link{COLOR: #6d6d6d; TEXT-DECORATION: none}
.moyengris A:hover {COLOR: #80c205;}
.grandgris {FONT-SIZE: 26px; COLOR: #6d6d6d; FONT-FAMILY: 'Exo 2', Arial, Verdana, Helvetica, sans-serif; }

.petitnoir {FONT-SIZE: 10px; COLOR: #191817; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px;}
.normalnoir {FONT-SIZE: 13px; COLOR: #191817; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px;}
.moyennoir {FONT-SIZE: 18px; COLOR: #191817; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif}
.grandnoir {FONT-SIZE: 22px; COLOR: #191817; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif}

.petitcoul1 {FONT-SIZE: 11px; COLOR: #80c205; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif}
.normalcoul1 {FONT-SIZE: 12px; COLOR: #80c205; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif;}
.moyencoul1 {FONT-SIZE: 18px; COLOR: #80c205; FONT-FAMILY: 'Exo 2', Arial, Verdana, Helvetica, sans-serif;}
.grandcoul1 {FONT-SIZE: 26px; COLOR: #80c205; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px;}

.petitcoul2 {FONT-SIZE: 11px; COLOR: #0a1622; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif}
.normalcoul2 {FONT-SIZE: 13px; COLOR: #0a1622; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif}
.moyencoul2 { FONT-SIZE: 16px; COLOR: #0a1622; FONT-FAMILY: 'Exo 2', Arial, Verdana, Helvetica, sans-serif}
.grandcoul2 { FONT-SIZE: 26px; COLOR: #0a1622; FONT-FAMILY: 'Exo 2', Arial, Verdana, Helvetica, sans-serif}

.petitcoul3 {FONT-SIZE: 10px; COLOR: #00b3e0; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif}
.normalcoul3 {FONT-SIZE: 13px; COLOR: #00b3e0; FONT-FAMILY:  Verdana,Arial, Helvetica, sans-serif}
.grandcoul3 {FONT-SIZE: 24px; COLOR: #00b3e0; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px;}

.textecache {FONT-SIZE: 8px; COLOR: #FDFBFB; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif}

.filetdroite {BORDER-RIGHT: #bec8cc 1px dashed}
.filetgauche {BORDER-LEFT: #cc0000 1px solid}
.filetbasrouge {	BORDER-BOTTOM: #d2351e 1px solid;}

.pagelinkencours  {
	FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px;
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid;
	BACKGROUND-COLOR: #558103; TEXT-DECORATION: none; FLOAT: center; vertical-align:middle;
	PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.1em; PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; border-radius: 5px 5px 0 5px;}

.pagelink A {
	FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px;
	BORDER-RIGHT: #e3e0e0 1px solid; BORDER-TOP: #e3e0e0 1px solid; BORDER-LEFT: #e3e0e0 1px solid; BORDER-BOTTOM: #e3e0e0 1px solid;
	BACKGROUND-COLOR: #80c205; TEXT-DECORATION: none; FLOAT: center; vertical-align:middle;
	PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.1em; PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; border-radius: 5px 5px 0 5px; }

.pagelink A:visited {COLOR: #FFF;}
.pagelink A:hover {	COLOR: #FFF;	BACKGROUND-COLOR: #558103;}

.pagelinkrouge A {
	FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: 'Exo 2',Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px;
	BORDER-RIGHT: #615957 1px solid; BORDER-TOP: #615957 1px solid; BORDER-LEFT: #615957 1px solid; BORDER-BOTTOM: #615957 1px solid;
	BACKGROUND-COLOR: #CD3202; TEXT-DECORATION: none; FLOAT: center; vertical-align:middle;
	PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.1em; PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; }

.pagelinkrouge A:visited {COLOR: #FFFFFF;}
.pagelinkrouge A:hover {	COLOR: #CD3202;	BACKGROUND-COLOR: #FFFFFF;}

.ombrage {
border: 5px solid #fff;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
box-shadow: 1px 1px 12px #555;
}
.menutop a{margin-right:30px; FONT-SIZE: 16px; COLOR: #FFF; FONT-FAMILY: 'Exo 2', Arial, Verdana, Helvetica, sans-serif; letter-spacing:1px; font-weight:800;}
.menutop a:hover{color:#80c205;}

.menuicone {margin-right:10px; FONT-SIZE: 20px; color:#FFF}
.menuicone A:visited {	COLOR: #FFFFFF;}
.menuicone A:link{COLOR: #FFFFFF; TEXT-DECORATION: none}
.menuicone A:hover {COLOR: #80c205;}

span.creationdesite{
background:url('../img/creationdesite.png') no-repeat;
width: 50px;
height: 26px;
display:block;
}
span.creationdesite:hover {
background-position: bottom center;
}