/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 08
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */



/* Page */
html { font-size: 100%;}

body { margin: 0;  padding: 0 20px; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; font-size: .8em; line-height: 1.25; color: black;	background-color: #2C2F22;}
a { color: #E80808;}

/* Page */
#global { width: 900px;	margin: 0 auto 0 auto;}
#global_bis {background: black;}

/* Titres */
h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0; }
h1, h2 { font-family: Georgia, "Bitstream Vera Serif", Norasi, serif; font-weight: normal; }
h1 {font-size: 3em; font-style: italic;}
h2 {font-size: 2.2em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol { margin: 0 0 0 0; padding: 0;}
ul { list-style: none;}
li { margin: 0; padding: 0; font-size: 1.4em;}

/* Paragraphes */
p { font-size: 1.2em; margin: .75em 0;}



/* Divers éléments de type en-ligne */
em { font-style: italic;}


/* En-tête */
#entete {color: #222222; background: #EEEEEE; margin-top: 10px; text-align: center;} /* -> 2 */
#entete img {width: 600px;}
#entete h1 { margin: 0;}
#entete .sous-titre { margin: 4px 0 15px 0;}

/* Bloc central */
#centre ul {font-size: 1.2em;}
#centre li {font-size: 1em; margin-left: 30px; list-style: none;}
#centre { background: url(fond.png) repeat-y;}
#centre { width: 100%; overflow: hidden;}  /* -> 4 */

/* Menu de navigation */
#navigation { padding: 5px 15px; background: #555;  font-style: italic; font-size: 1em;}
#navigation ul { width: 100%; overflow: hidden; margin-top: 10px; list-style: none; font-weight: bold;}
#navigation li.gauche { float: left; margin-right: 10px;}
#navigation li.droite { float: right; margin-left: 10px;}
#navigation a {display: block; padding: 0px; line-height: 1.5; font-size: .9em; text-decoration: none; color: #E80808;}
#navigation a:hover, #navigation a:focus { background: #000;}

#info { color: white; background: black; text-align: center;}
.red {color: #E80808; font-weight: bold;}

/* Contenu principal */
#principal { color: #181A12; background: #ccccccc; float: left; /* -> 5 */ width: 640px;}
#principal_bis { padding: 30px 10px 40px 30px; color: black;}
#principal a { color: #FF6533;}
#principal a:hover, #principal a:focus { color: #E80808; background: #000000;}
#principal strong { color: #181A12;}
#principal p, #principal li { line-height: 1.5;}

#accessoires { margin: 0px auto 0 auto; padding: 5px; width: auto;}
#accessoires img{  width: 200px; margin: 2px; padding: 3px; border: solid 1px grey; }

	/* ************************ DIAPORAMA ************************ */
	.slideshow {text-align: center; margin: 0px auto 0px auto;}
	.slideshow img { width: 300px; padding: 3px; border: solid 1px grey; }

/* Contenu secondaire */
#secondaire {text-align: center; background: #181A12; margin: 40px 20px 10px 660px; padding: 12px Opx; color: #F0E39E; font-size: 1.0em; }
#secondaire img { width: 100%; }
#secondaire a{ font-weight: bold; text-decoration: none; color: grey; }
#promo { text-align: left;font-size: 1.2em; color: #E80808; }
#promo a { color: #E80808;}
#promo2 { background-color: #ccc; font-size: 1.2em; color: #E80808; padding: 10px;}
#cybele img {text-align: center;  width: 80%;}
#marques {text-align: center; }
#marques img {width: 80px; padding: 10px; vertical-align: middle;}
.gauche {text-align: left;}

/* bandeau défilant */
#bandeau {  color: #E80808; font-size: 2em; background: black; padding: 5px 20px 0px 20px;}
#bandeau a{ text-decoration: none;}
#bandeau strong { color: #E80808;}


/* ************************ ALBUMS PHOTOS ************************ */
#album { text-align: center; margin: 0px auto 0 auto; background: ; padding: 5px; width: auto;}
#album a:hover, #navigation a:focus { background: none;}
#album img{ text-align: center; width: 180px; margin: 2px; padding: 3px; border: solid 1px grey; }
.shadow { border: solid 1px #cbcbcb; -moz-box-shadow: 0px 0px 10px #cbcbcb; -webkit-box-shadow: 0px 0px 10px #cbcbcb; overflow: hidden; }

/* Pied de page */
#pied { color: grey; margin: 10px 0 20px 0;}
#pied a{ color: grey; text-decoration: none;}
#pied a:hover, a:focus { color: darkgrey;}

/* Mention de copyright */
.copyright { margin: 20px 0; font-size: .85em; text-align: left;}