/* CSS document par Charles-Alexandre Paré - Les productions multimédias Goudurix.net */

/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #000000;
	background: #0067b1 url(../images/fond_ecran_amcanjumax.png) repeat;
}

a {
	color: #ff3333;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #5d88b5;
}

h1 {
	font-size: 22px;
	margin-top: 0px;
	color: #ef3e42;
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-weight: bold;
}

h1 span {
  color: red;
  text-decoration: blink;
}

h2 {
	margin-top: 6px;
}

span h3:hover, span h3:focus {
background: #F0F6FA none repeat scroll 0 0;
}

#contenu p span {
font-size: 9px;
}

#contenu p.adresse {
margin-top: 15px;
}

#contenu p.adresse span {
font-size: 12px;
}

hr.line {
color:#904239; 
text-align:center; 
background-color:#904239; 
border: 0px; 
height:1px;
margin-right: 10px;
margin-left: 10px;
}

/* Bloc central contenant #coordonnees et #contenu */
#centre {
	background: #FFFFFF url(../images/fond_vis.gif) no-repeat bottom right;
	/* background-color: #FFFFFF; */	
	border-bottom: 3px solid #CCCCCC;	
}

/* coordonnees et cartes */
#coordonnees {
	background: #FFFFFF; /* -> 2 */
	font-size: 1.2em;
	color: #666666;
}
#coordonnees a {
	color: #006599;
}

#coordonnees a:hover, #coordonnees a:focus {
	background: #f0f6fa;
}

/* Contenu principal */
#contenu {
	min-height: 540px;
  color: #363B29;
	background: transparent;	
}
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}
#contenu strong {
	color: #0065B5;
}


/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 10px 5px;
}
#tout {
	width: 750px; /* -> 3 */
	margin: 0 auto; /* -> 4 */
}

/* En-tête */
#entete {
	height: 140px;
  background: url(../images/banniere_amcan_jumax.jpg) no-repeat;
  /* padding: 20px 20px 20px 0; */
  
	
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Pour forcer le menu à rester à 30px de haut pour éviter le scintillement */

#menu_en, #menu_fr {
height: 30px;
background-color: #414141;
}

/* Bloc central contenant #coordonnees et #contenu */
#centre {
	width: 100%; /* -> 5 */
	overflow: hidden; /* -> 5 */
}

/* CHOIX DE LANGUES */

.bouton-langues {
float: right;
margin: 0 0 0 0;
}

.bouton-langues-en {
display:block;
width:35px;
height:25px;
text-align:center;
text-decoration:none;
}

.bouton-langues-en:link, 
.bouton-langues-en:visited  {
background: #FFFFFF url(../images/icone_drapeau_anglais.jpg) no-repeat scroll left top;
color:yellow;
}

.bouton-langues-en:hover {
background: #FFFFFF url(../images/icone_drapeau_anglais_on.jpg) no-repeat scroll left top;
color:white;
text-decoration:none;
}

/* FRANCAIS */
.bouton-langues-fr {
display:block;
width:35px;
height:25px;
text-align:center;
text-decoration:none;
}

.bouton-langues-fr:link, 
.bouton-langues-fr:visited  {
background: #FFFFFF url(../images/icone_drapeau_francais.jpg) no-repeat scroll left top;
color:yellow;
}

.bouton-langues-fr:hover {
background: #FFFFFF url(../images/icone_drapeau_francais_on.jpg) no-repeat scroll left top;
color:white;
text-decoration:none;
}


/* Menu de coordonnees et cartes */
#coordonnees {
	width: 190px;
	float: left; /* -> 6 */
	padding: 10px;
}

#coordonnees h3 {
color: #0067B1;
font-size:1.2em;
margin-top: 14px;
background: #FFFFFF; 
}

#coordonnees  h3 span {
color: #ef3e42;
font-family: Comic Sans, Comic Sans MS, cursive;
font-size:0.9em;
}

#coordonnees p {
font-size: 0.7em;
}

#coordonnees a {
	display: block;	
	padding: 6px 10px 6px 10px;
	line-height: 1.5em;
	font-size: .9em;
	text-decoration: none;
}

.adresse strong {
	line-height: 1.2em;
	font-size: 1em;
}

/* Contenu */
#contenu {
	margin-left: 200px; /* -> 8 */
	padding: 10px 20px;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

/* Pied de page */
#pied {
	margin: 0;
	padding: 10px 20px 10px 0;
	font-size: .85em;
}

/* Mention de copyright */

#copyright {
	margin: 20px 0 5px 0;
	text-align: right;
	font-size: .8em;
	color: #b8d3f2;
}
#copyright a {
	color: #b8d3f2;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}

#copyright {
	margin: 6px 0 0 20px;
	font-size: 1em;
	text-align: left;
}