@import url(template.css);
@import url(navigation.css);
@import url(niv1.css);
@import url(disclaimer.css);

html {
	font-size: 100%;
}

body {
background-image:url(img/fond.jpg);
background-position:center top;
background-repeat:repeat-x;
background-color:#ffffff;
margin:0px; /* pour �viter les marges */
text-align: center; /* Pour centrer avec IE*/
padding:8px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
}

div#general { /* div contenant tout le site*/
margin-left: auto; /* Pour centrer avec Firefox & co */
margin-right: auto;
text-align: left; /* Pour remettre normal */
width: 969px; /* Tout � fait ce que l'on veut ici... */
padding: 0px;
position: relative;
background-color: #ffffff;

-moz-box-shadow: 0 0 8px #979797;  
-webkit-box-shadow: 0 0 8px #979797;  
}

div#principalLong ul, div#principal ul {
    margin:0 1.5em 1.5em 0;padding-left:3.333em;
}
/*IE mais �a marche mal
filter:progid:DXImageTransform.Microsoft.Shadow(color='#979797', Direction=50, Strength=8); zoom: 1; }*/

/* Coins arrondie
-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/

/*Transparance
background-color: rgba(232, 232, 231, 0.8);
*/

/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/

hr, .hrhidden {
width:20px;
clear:both;
visibility:hidden;
padding:0px;
margin:0px;
border:0px;
height:1px;
font-size:0.1em;
margin-bottom:-1px;
}

/* Titres */

h1, h2, h3, h4, h5, h6 {padding:0px; margin:0px; border:0px; font-weight: bold; }

h1 {font-size: 14em;}
h2, h3, h4 {font-size: 1em;}

/* Listes */

ul, ol { margin:0px;	padding: 0;}
li { margin: 0; padding: 0;}

/* Paragraphes */

p { margin: 1em 0;}

li p, blockquote p { margin:0;}

blockquote { margin-left:12px; }

/* Liens */

a {text-decoration:none; color:#5e7e1a;}
a:link {}
a:visited  {}
a:hover {text-decoration: underline;}
a:active  {}
a:focus {}

/* Divers �l�ments de type en-ligne */

em {font-style: italic;}
strong {font-weight: bold; color:#000000;}
span {}

img, a img {border:0px;}

/* Post-its */

.mod_Postit { background-color: #EFEEE1 ;}

.mod_Postit .postit_title { color: #FFFFFF ; font-size: 1.5em ; padding: 5px ; }

.mod_Postit .bleu .postit_title { background-color: #296CAB ; }

.mod_Postit .vert .postit_title { background-color: #5E7E1A ; }