/*Feuille de style principale*/
/* Couleurs utilisées :
 * Sombre :	#3C3F48 (Gris foncé)
 * Fond :	#91949D (Gris)
 * Clair :	#A7AAB2 (Gris clair)
 * Actif :	#FF9933 (orange)
 */

/*Redéfinitions*/
body {
	margin:0px auto;
	padding:0px;
	color:white;
	background:#3C3F48 url(img/mainBG.png) top left repeat;
	font-family:"Trebuchet MS", "Century Gothic", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	min-width:600px;
}

img {border-width:0px;}

/*Liens*/
a:link, a:visited {background-color:transparent; color:white; text-decoration:underline;}
a:hover {color:white; background-color:#3C3F48; text-decoration:underline;}
a:active {color:black; background-color:#FF9933; text-decoration:underline;}

/*Identifiants*/
#titre {}
#titre h1 {margin:0px 10px; height:75px; background:url(img/titre.png) no-repeat;}
#titre h1 span {display:none;}

#menu {background-color:white; color:#3C3F48; text-align:center; height:25px;}
#menu ul {font-weight:bold; font-size:16px; display:inline; list-style:none;}
#menu ul li {width:120px; line-height:25px; float:left; text-shadow:#FF9933 0px 0px 15px;}
#menu .enable {background-color:#FF9933; color:black; text-shadow:#3C3F48 0px 0px 15px;}
#menu ul li a {display:block; text-decoration:none;}
#menu ul li a:link, #menu ul li a:visited {background-color:white; color:#3C3F48; text-shadow:#FF9933 0px 0px 15px;}
#menu ul li a:hover {color:white; background-color:#3C3F48; text-shadow:#A7AAB2 0px 0px 15px;}
#menu ul li a:active {color:black; background-color:#FF9933; text-shadow:#3C3F48 0px 0px 15px;}

#main {position:relative; margin-bottom:1.5em;}

#main #contenu {margin-right:160px; border-right:solid #3C3F48 2px;}
#main #info {position:absolute; right:5px; top:0px; width:150px;}

#pied {position:fixed; width:100%; bottom:0px; background:transparent url(img/copyBG.png) top center repeat-x;}
#pied h6 {text-align:center; line-height:14px; border-top:dotted #FF9933 1px; margin:0px; text-shadow:#3C3F48 2px 2px 2px;}

/*Classes*/
.droite {float:right;}
.gauche {float:left;}

/*=== Classe .bloc ===*/
.bloc {color:white; background:#91949D; border:solid #3C3F48 1px; margin:1ex; padding:0px; min-height:150px;}
.bloc p {margin:1ex; text-indent:3ex;}
.bloc p.lettrine {text-indent:0px;}
.bloc p.lettrine span {text-transform:uppercase;}
.bloc p.lettrine:first-letter {float:left; font-size:400%; margin:-0.3ex 3px -0.3ex 0px; text-shadow:black 2px 2px 3px; text-transform:uppercase;}
.bloc h2 {color:#3C3F48; font-size:16px; background:#FF9933; border-bottom:solid #3C3F48 1px; margin:0px; padding:2px 1ex; text-shadow:white 0px 0px 8px; position:relative;}
.bloc h2 span {position:absolute; bottom:2px; right:1ex; font-size:75%;}
.bloc img {padding:1px 5px 5px 1px; margin:1ex 0.5ex 0 1ex; background:transparent url(img/ombre.png) bottom right no-repeat;}
.bloc .suite {text-align:right; font-size:10px; font-style:italic; clear:both;}
/*=== Fin .bloc ===*/


/*=== Classe .infoTheme ===*/
.infoTheme {color:white; background:#91949D; border:solid #3C3F48 1px; margin:1ex; padding:0px;}
.infoTheme p {}
.infoTheme h2 {}
/*=== Fin .infoTheme ===*/


/*=== Classe .blocinfo ===*/
.blocinfo {background-color:#91949D; border:solid #3C3F48 1px; margin-bottom:1ex;}
.blocinfo p {padding:0.5ex;}
.blocinfo h2 {text-align:center; font-size:16px; background:url(img/infoBG.png) top center repeat-x; margin:0px;}
.blocinfo h2 span {line-height:30px;}
/*Identifiants de .blocinfo*/
#recherche p {text-align:center;}
#recherche input {width:95%;}
/*--*/
#apparence select {width:95%;}
/*--*/
#liens ul {list-style:none; text-indent:-5ex;}
/*--*/
#etat img {vertical-align:bottom;}
#etat p span {font-style:italic;}
#etat a {text-decoration:none;}
/*--*/
#syndication ul {list-style:none; text-indent:-5ex;}
#syndication ul li a {padding-left:35px; background-image:url(img/iconRSS.png); background-repeat:no-repeat;}
/*=== Fin .blocinfo ===*/

/*Welcome Safari User !*/
#welcomeSafariUser {width:150px; height:74px; background:url(img/safariw.png) top center no-repeat;}

/*Badge anti Exporer*/
a#tooCool {
	position: fixed;
	right: 0;
	top: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(img/too_cool.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}