@charset "utf-8";
/*
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	global.css - Styles de mise en page
	Création: 20 janvier 2009 [Erick] http://www.ixmedia.com/
	Dernière modification: 21 janvier 2009 [Erick]

	COULEURS: 	bleu				#00aedb
				jaune 				#fdd277
				gris				#717174
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- --
*/

@import url("../css/reset.css");
html {font-size: 62.5%; /* <- Resets 1em to 10px */height:100%;}

body {
	height:100%;
	font-size: 1.3em;
	line-height:1.3;
	color:#fff;
	background:#000;
	font-family: Arial, Verdana, Sans-Serif;
	text-align: center;
}

a:link, a:visited{text-decoration:underline;color:#00a4ca;}
a:hover, a:active {text-decoration:none;color:#fff;}
a img, button {border: none;}
abbr, acronym{border-bottom:.1em dotted;cursor:help;}
a * { cursor: pointer; } 

h1 {float:left;font-size:2em;margin-bottom:.4em;line-height:1;}
h2{font-size:1.6em;font-weight:bold;margin-bottom:.5em;}
h3 {font-size:1.2em;font-weight:bold;margin-bottom:1em;}
h4{font-size:1.2em;font-weight:bold;margin-bottom:1em; text-align:center;}
h5{font-size:1.2em;font-weight:bold;margin-bottom:1em; color:#2481a7;}
h6{font-size:1em;margin:0 0 1em 0;}

em{font-style:italic;}
strong{font-weight:bold;}
p{margin:0 0 1em 0;}
ul, ol{margin:0 0 1em 0;padding-left: 2.5em;list-style:none;}
dt{margin:0.5em 0 0;}
dd{margin:0.25em 0 0.5em 2.5em;}
sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}


/*-----------------------------------------------------
  GÉNÉRAL
------------------------------------------------------
------------------------------------------------------*/
#background { background:#000; height:100%; text-align: left;}

#page { width:900px; margin:0 auto; padding:30px 0 0 0; background:none;}

.rangee-top { border-top:2px solid #00a4ca; border-bottom:0px solid #00a4ca; width:100%; height:48px; background:#000 none;}
.rangee-top span { width:100%; padding-left:25px; text-transform:uppercase; color:#fff; font-size:1.8em; font-weight:bold; line-height:2; background:none;}

/*-----------------------------------------------------
  COLONNE-GAUCHE
------------------------------------------------------
------------------------------------------------------*/
#gauche { width:218px; height:100%; float:left; background:#000;}
#vignette-contact p { color:#fff; font-size:0.8em; padding-left:30px; background:none;}

/*  MENU
---------------*/
#gauche ul { width:100%; clear:both;  background:none; border-top:2px solid #00a4ca; border-bottom:2px solid #00a4ca; margin:0; padding:0;  }
#gauche ul li { width:100%; float:left; margin:2px 0 1px 0; padding:0; height:30px; vertical-align:middle; background:none; }
#gauche ul li a { display:block; width:193px; float:left; color:#00a4ca; font-size:1.2em; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:5px 0 5px 25px; vertical-align:middle; background:none; margin:0; vertical-align:middle; }
#gauche ul li a:hover { color:#fff; background:#000 url(../images/bkg-menu-oververt.jpg) no-repeat 2px 0;  }


/*-----------------------------------------------------
  COLONNE-DROITE
------------------------------------------------------
------------------------------------------------------*/
#droite { width:670px; float:right; background:none;}
.cadre-bleu { background:#fff none; padding:0; margin:0;}
.cadre-bleu div { padding:4px; margin:0;}
.cadre-bleu p {background:#00a4ca none; padding:25px 15px; margin:0; color:#fff; font-size:1.1em;}
h2 { float:left; text-transform:uppercase; color:#fff; font-size:1.2em; font-weight:bold; line-height:1.2; padding:4px 0 0 25px; margin:0; margin-top:10px; background:none;}
a.back-to-top { float:right; margin-bottom:5px; margin-top:10px; margin-right:8px; width:37px; height:28px; background: url(../images/icone-triangle-hautvert.jpg) no-repeat 0 0; text-indent:-9999px;}
a:hover.back-to-top {  background: url(../images/icone-triangle-haut-oververt.jpg) no-repeat 0 0;}
#droite p { margin-left:45px;}

ul#list-equipes { width:100%; margin:0; padding:0 0 1em 0;  background:none;}
ul#list-equipes li { width:329px; height:88px; margin:0; padding:0; margin-bottom:12px; background:url(../images/bkg-nom-equipesvert.gif) no-repeat 0 0;}
ul#list-equipes li a { display:block; color:#fff; font-weight:bold; font-size:1.1em; line-height:1.1; vertical-align:middle; text-decoration:none; vertical-align:middle; background:none;}
ul#list-equipes li a:hover span { color:#000!important;}
ul#list-equipes li a img { margin:5px 0 0 5px; border:0px; vertical-align:middle; background:none;}
ul#list-equipes li a:hover img { border:0px;}

/*  LISTES
---------------*/
ul { margin:20px 0 20px 15px; padding:0;  background:none;}
li { background:url(../images/icone-bullet-fleche.jpg) no-repeat 0 2px; padding: 2px 0 2px 30px; }
li span {color:#00a4ca; }



/*-----------------------------------------------------
	CLASS
------------------------------------------------------
------------------------------------------------------*/
.bleu { color:#03950d!important;}
.jaune { color:#fdd277!important;}
.gauche {float:left!important;}
.droite {float:right!important;}
.ligne-separatrice { border-bottom: 2px solid ##005267!important; padding:0!important; margin:0!important; line-height:0!important; height:1px!important;clear:both;}
.indentation {padding-left:24px!important;padding-right:24px!important; clear:both;}
.indentation .indentation {padding:0 0 0 24px!important; clear:both;}
.fond-semi-opaque { background:#000 none !important;}
.clear, .espace, .space { clear:both; margin:0; padding:0; height:0; line-height:0;}

.space {padding-top:15px;}
.espace { margin-top:15px;}
.no-border { border:none!important;}
.no-margin-left { margin-left:0 !important;}
.centre { text-align:center!important;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */