/*Reset CSS : Désactive le comportement par défaut des navigateurs*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}




/* Votre CSS */
html, body {
	width:1024px;
}
body{
	background: url('images/fond.png') 0 0 no-repeat;
	font-family:"Helvetica";
}
#content {	
	width:824px;	
	margin: 1px auto 0;
	margin: 0px auto 0\9;/*IE8*/
	padding: 0 100px;
	overflow:hidden;
}
#page{	
	overflow:visible;	
	padding: 10px; 	
}
#entete {
	height: 222px; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height: 222px; /* Centrer le texte sur toute la hauteur de l'image de fond */
	text-align: center; /* Centrer le texte horizontalement sur toute la largeur de la page */
	background: url('images/logo.png') 50% 18px no-repeat; /* Le logo remplace le texte */
	text-indent: -32000px; /* On décale le titre autant que possible sur la gauche de l'écran, pour ne plus le voir */
}

#pieddepage {
	/*position: absolute;*/
	float : left;
	padding-left: 800px;
	
}

/*Menu*/
/*Décalage d'1 px sous IE=> utilisation de hack pour rajouter 1px à la marge*/
#menu {
	font-size: 13px;
	font-weight: bold;	
	margin-top:-1px;
	margin-top:0px\9;/*IE8*/
}
* html #menu {
	margin-top: 0px; /*IE6*/	
}
*+html #menu {
	margin-top: 0px; /*IE7*/	
}

a.bouton {
    background: transparent url('images/btn_rubrique_normal_right.png') no-repeat scroll top right;
   	display: block;
    float: left;   
    height: 37px;
    margin-right: 6px;
    padding-right: 20px;
    text-decoration: none;
    color:white;
}
a.bouton:hover,
a.bouton:focus,
a.bouton:active {
  background-position: bottom right; 
}

a.bouton span {
    background: transparent url('images/btn_rubrique_normal_left.png') no-repeat;
    display: block;
    line-height: 16px;
    padding: 7px 0 14px 18px;
}
a.bouton:hover span,
a.bouton:focus span,
a.bouton:active span {
	background-position: bottom left; 
}

a.actuel {
	background: transparent url('images/btn_rubrique_courant_right.png') no-repeat scroll top right;
}
a.actuel span {
	background: url('images/btn_rubrique_courant_left.png') no-repeat;
}


/*Sous menu*/
#ss_menu {
	margin-top: 4px; /*on monte le bloc du menu à sa place*/
	font-size: 13px;
	font-weight: bold;
}
.bouton_rubriq {
	background: url('images/btn_sous_rubrique_left.png') 0 -5px; /* Bord gauche et contenu du bouton */
	display: inline ;
	text-decoration: none; /* On utilise un lien au lieu d'un div. Un lien est souligné par défaut, mais on veut le même look qu'avant */
	cursor: pointer; /* Curseur en forme de main, pour résoudre un bug sous IE, causé lors du changement du lien en affichage bloc, quelques lignes plus haut */
	padding-top: 0px;
	margin-right:10px;
	padding-bottom:5px;  
}
.bouton_rubriq:hover,
.bouton_rubriq:focus,
.bouton_rubriq:active {
	
	background-position: 0 -39px; /* On remonte l'image de 30 pixels (la moitié de sa hauteur) pour voir la partie jaune */
}

.bouton_rubriq span {
	background: url('images/btn_sous_rubrique_right.png') 100% -5px no-repeat; /* Bord droit du bouton, aligné à droite ! */
	height: 34px; /* Hauteur des images bouton-gauche.png et bouton-droite.png */
	line-height: 34px; /* Centrer le texte verticalement sur le bouton */
	padding-bottom:5px;
	padding-top: 0px;
	padding-right:  17px; /* S'assurer que le texte ne soit pas collé aux bordures du bouton */
	padding-left: 17px;  
	margin-right: -10px;
	color: #29abe2; 
	display: inline; /* Pour pouvoir assigner une taille */
}
.bouton_rubriq:hover span,
.bouton_rubriq:focus span,
.bouton_rubriq:active span {
	background-position: 100% -39px; /* Toujours aligné à droite, mais remonté de 30 pixels (la moitié de sa hauteur) pour voir la partie jaune */
	
}

a.sous_menu_actuel {
	background: transparent url(images/btn_sous_rubrique_courant_left.png) repeat scroll 0 -5px;
}
a.sous_menu_actuel span,
a.sous_menu_actuel:hover span,
a.sous_menu_actuel:focus span,
a.sous_menu_actuel:active span {
	color: #FFF;
	background: transparent url('images/btn_sous_rubrique_courant_right.png') no-repeat scroll 100% -5px;
}

/*Bouton contact*/
#menu_contact {
	margin:-102px auto 0; /*on monte le bloc du menu à sa place*/
	/*height: 45px;*/
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding-left: 700px;
	width: 132px;
}
.bouton_contact{
	background: url('images/btn_contact_normal.png') right 0 no-repeat; /* Bord gauche et contenu du bouton */
	text-decoration: none; /* On utilise un lien au lieu d'un div. Un lien est souligné par défaut, mais on veut le même look qu'avant */
	cursor: pointer; /* Curseur en forme de main, pour résoudre un bug sous IE, causé lors du changement du lien en affichage bloc, quelques lignes plus haut */
	color: #29abe2; 
  	display: block; /* Pour pouvoir assigner une taille */
 	height: 39px; /* Hauteur des images bouton-gauche.png et bouton-droite.png */
	line-height: 39px;
	padding-left: 30px;
}
.bouton_contact:hover,
.bouton_contact:focus,
.bouton_contact:active {
	background-position: right -39px; /* On remonte l'image de 30 pixels (la moitié de sa hauteur) pour voir la partie jaune */
}



/* Colonnes & contenu */
div.colonne{	
	height: 470px; 
	float: left; 
	overflow: auto;
}
div.colonne ul{
	margin: 10px 20px;
}
div.petit{
	width: 250px; 
}
div.grand{
	width: 500px; 
}
div.sans_menu{
     margin-top:10px;   
	 height: 500px;     
}

p {
	margin-left: 10px;
	/*width: 300px;*/
	color: #0172bd;
	font-size: 12px;
	text-align: justify;
	line-height: 16px;
}

li.liste_bleue {
	background: url("images/point-bleu.png") no-repeat left top;	
	color :  #adc500;
	padding-left: 22px;
	margin: 3px 0px;
	line-height: 20px;
}
li.liste_verte {
	background: url("images/point-vert.png") no-repeat left top;	
	padding-left:18px;
	color: #0172bd;
	font-size: 12px;
	line-height: 20px;
}

h1 {
	font-size:13px;
	font-weight: bold;
	color: #0172bd;
	width:100%;
	text-decoration: underline;
	margin-bottom:10px;
}

h2 {
	font-size:12px;
	font-weight: bold;
	color: #0172bd;
	margin-bottom:10px;
}

img.illustration {
	background:url('images/fondImg.png') 0 4px no-repeat;
	padding:18px 8px 56px 7px ;
	float: left;
	margin-left: 520px;	
	margin-top: -509px
}

img.sans_menu {
	margin-top: -511px
}

.Style1 {font-size: 9px}