/* CSS Document */
/*www.alsacreations.com*/

body
{
	margin: 10px;
	padding: 0px ;
	text-align: center ;
	font: 1.0em "Verdana", helvetica, Comic Sans MS, sans-serif; /*police de substitution*/
	background: #a6bdef ;/*couleur de fond à l'extérieur*/
	/*redimension de la taille des caractères*/
	font-size: x-small;
	color: #2E4985; /*couleur pour du texte normal */
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: small;
}

/*transparence*/
.opacite {
   filter:alpha (opacity=65); -moz-opacity:.65; opacity:.65; -khtml-opacity: 0.65;
}

div#conteneur
{
	width: 966px ;
	height: auto ; /*dimensionnement auto de la page*/
	text-align: left ;
	border: 2px solid #284c93 ; /*couleur du cadre de la page*/
	background: url(images/m4.jpg) ;	/*couleur de fond de l'intérieur de la page*/
}

div#conteneur2
{
	width: 250px ;
	height: auto ; /*dimensionnement auto de la page*/
	margin: 5px ;
	text-align: left ;
	border: 2px solid #284c93 ; /*couleur du cadre de la page*/
	background: #a6bdef ;	/*couleur de fond de l'intérieur de la page*/
}

h1#header a
{
	width: 966px ;
	height: 134px ;
	display: block ;
	background: url(images/ban.jpg) no-repeat top ;
	margin-top: 0px;
}/* On donne les mêmes dimensions au lien, chose possible grâce à la propriété display: block ; qui transforme le lien en élément de type block, auquel on peut donner des propriétés de taille. On met aussi l'image de fond qui a les mêmes dimensions que le cadre ainsi créé */

h1#header a span
{
	display: none ;
}/* Le span entourant le texte est fait pour pouvoir ne supprimer que le texte, ce que nous voulons, il suffit donc de donner à la propriété display la valeur none pour ne pas afficher le texte */

ul#menu
{
	
	height: 30px ;
	margin-top: -19px ;
	margin-left:0px;
	padding: 0px ;
	background: url(images/bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel */			

ul#menu li
{
	float: left ;
	text-align: center ;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a
{
	width: 159px ;
	line-height: 17px ;
	font-size: 1.0em ;
	font-weight: bold ;
	text-align: center ;
	letter-spacing: 2px ;
	color: #314A82; /*couleur de la police pour le menu horizontal*/
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #a6bdef ; /*couleur de la barre séparant les élèments du menu horizontal*/
}/* C'est sur les liens que le gros du travail est effectué, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu li a:hover
{
	background: url(images/bg_menu.gif) repeat-x 0 0 ;
	text-decoration: none ;
}/* Et pour finir on décale l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image, voir le tutoriel sur les roll over pour plus de détails */


/*****************menu de gauche*****************************/
.menu_gauche {
	margin-top:25px; /*distance par rapport au haut de la page*/
	margin-left:-5px; /*retrait du rectangle par rapport au bord*/
}
.menu_gauche a.rouge {
	 text-indent: 0.7em ; /*retrait du texte par rapport au bord du rectangle*/
	 line-height: 1.6em ; /*centré les noms ds les cases*/
	 font-weight:bold;
     width: 134px; 
     height: 25px;
     display: block;
     text-align: left;
     text-decoration: none;
     color: #fff; /*couleur de la police du menu vertical*/
     background: #AC3E43; /*couleur de fond des elements du menu vertical*/ 
}

.menu_gauche a.bleu {
	 text-indent: 0.7em ; /*retrait du texte par rapport au bord du rectangle*/
	 line-height: 1.6em ; /*centré les noms ds les cases*/
	 font-weight:bold;
     width: 134px; 
     height: 25px;
     display: block;
     text-align: left;
     text-decoration: none;
     color: #fff; /*couleur de la police du menu vertical*/
     background: #2E4985; /*couleur de fond des elements du menu vertical*/ 
}
 
.menu_gauche a:hover.rouge {

     background: #A6BDEF;  /*couleur interieure de surbrillance du menu vertical*/
	 color : #fff ;
	 text-align: left;
	 text-decoration: none;
     }

.menu_gauche a:hover.bleu {

     background: #A6BDEF;  /*couleur interieure de surbrillance du menu vertical*/
	 color : #fff ;
	 text-align: left;
	 text-decoration: none;
     }

.menu_gauche a:visited.rouge{  
	 color : #fff ;
 	 }
	
.menu_gauche a:visited.bleu{ 
	 color : #fff ;
 	 }
 
.menu_gauche a:link.rouge{
     background: #AC3E43;  /*couleur interieure de surbrillance du menu vertical*/
	 color : #fff ;
	 text-align: left;
	 text-decoration: none;
 	 }
	 
.menu_gauche a:link.bleu{
     background: #2E4985;  /*couleur interieure de surbrillance du menu vertical*/
	 color : #fff ;
	 text-align: left;
	 text-decoration: none;
 	 }

.menu_gauche a:active.rouge {
     
     background: #A6BDEF; /*couleur interieure de surbrillance du menu vertical qd selectionné*/
     color: #fff; /*couleur du texte de surbrillance du menu vertical qd selectionné*/
	 text-align: left;
}

.menu_gauche a:active.bleu {
     
     background: #A6BDEF; /*couleur interieure de surbrillance du menu vertical qd selectionné*/
     color: #fff; /*couleur du texte de surbrillance du menu vertical qd selectionné*/
	 text-align: left;
}		 
/**********************************************/


div#contenu
{
	position:relative;
	width:auto;
	height: auto ; /*dimensionnement auto de la page*/
	margin:0px;
	margin-left:20px;
	margin-right:20px;
	margin-top:2px;
}
	

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.5em ;
	background: url(little_apple.gif) no-repeat left bottom ;
	color: #284c93 ; /*couleur du titre du paragraphe*/
	border-bottom: 1px solid #284c93 ; /*couleur de soulignement*/
}

table a:hover {
	/*background: #ffffff;*/
	color: #000000 ;
	font-weight: bold ;
	text-decoration: underline ;
}


table a:visited {
	color: #000000 ;
	font-weight: bold ;
	text-decoration: none ;
}

table a:link {
	color: #000000 ;
	text-decoration: none ;
	font-weight: bold ;
}
/*titre*/
 .titre_tab {
 	
	color: #000000 ;
	text-decoration: none ;
	font-weight: bold ;
	font: 1.2em "Comic Sans MS", helvetica, sans-serif ; /*taille des liens*/
}



div#contenu h3
{
	margin-left: 4px ;
	font: 1.2em "Comic Sans MS", Verdana, helvetica, sans-serif ; /*police de substitution*/
	color: #000000 ; /*couleur du titre du paragraphe*/
	font-style: none;
	line-height: 0.3em ; /*interligne*/
		
}

/*paragraphe*/
div#contenu p
{
	text-align: justify ;
	/*text-indent: 1.3em ; /*retrait*/
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	line-height: 1.1em ; /*interligne*/
	color: #2E4985 ;
	/*font-weight: bold ;*/
}

/*paragraphe*/
div#contenu p2
{
	text-align: justify ;
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	line-height: 1.1em ; /*interligne*/
	color: #2E4985 ;
	/*font-weight: bold ;*/
}

/*liens*/
div#contenu a
{
	text-align: justify ;
	text-indent: 0.0em ; /*retrait*/
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*taille des liens*/
	line-height: 1.3em ;
	color: #239AED ;
	font-weight: bold ;
}

div#contenu a:hover
{
	text-align: justify ;
	text-indent: 0.0em ; /*retrait*/
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*taille des liens*/
	line-height: 1.3em ;
	color: #239AED ;
	font-weight: bold ;
	text-decoration: underline ;
}

div#conteneur .haut:hover { text-decoration: underline ; }

div#contenu .italique {
	font-style:italic ;
}

/*lien sur les images*/
div#contenu .image_lien { 
	text-indent: 0.0em ; /*retrait*/
}

/*titre_lien pour la page d'accueil*/
div#contenu .titre_lien { 
	text-indent: 0.0em ; /*retrait*/
	color: #000000 ; 
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	font-weight: bold ;
}
div#contenu .titre_lien:hover {
	text-indent: 0.0em ; /*retrait*/ 
	color: #000000 ; 
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	font-weight: bold ;
}

/*bloc droite nouveau pour la page d'accueil*/
div#contenu .bloc_droite_n { 
	text-indent: 0.0em ; /*retrait*/
	color: #FFDA9F ; 
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	font-weight: bold ;
}
div#contenu .bloc_droite_n:hover { 
	text-indent: 0.0em ; /*retrait*/
	color: #FFDA9F ; 
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	font-weight: bold ;
}

/*bloc droite promotions pour la page d'accueil*/
div#contenu .bloc_droite_p {
	text-indent: 0.0em ; /*retrait*/ 
	color: #F6DF91 ; 
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	font-weight: bold ;
}
div#contenu .bloc_droite_p:hover { 
	text-indent: 0.0em ; /*retrait*/
	color: #F6DF91 ; 
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	font-weight: bold ;
}

/*bloc droite introuvables pour la page d'accueil*/
div#contenu .bloc_droite_i { 
	text-indent: 0.0em ; /*retrait*/
	color: #2F4986 ; 
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	font-weight: bold ;
}
div#contenu .bloc_droite_i:hover { 
	text-indent: 0.0em ; /*retrait*/
	color: #2F4986 ; 
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	font-weight: bold ;
}

/*bloc droite occasion pour la page d'accueil*/
div#contenu .bloc_droite_o {
	text-indent: 0.0em ; /*retrait*/ 
	color: #274B7D ; 
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	font-weight: bold ;
}
div#contenu .bloc_droite_o:hover { 
	text-indent: 0.0em ; /*retrait*/
	color: #274B7D ; 
	font: 1.0em "Verdana", Comic Sans MS, helvetica, sans-serif ; /*police de substitution*/
	font-weight: bold ;
}


/*impression*/
/*@media print { .noprt {display:none} }*/

* html pre
{
	width: 636px ;
}

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 25px ;
	font-weight: bold ;
	text-align: center ;
	color: #284c93 ; /*couleur de police du copyright */
}
/*contient les liens de firefox, w3c et opquast*/
p#credit
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 25px ;
	text-align: center ;
}