html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
p { text-align: justify; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html { height: 100%; }

body {
	height: 100%;
	line-height: 1;
	color: black;
	background: #343336 url(images/fond.jpg) repeat-y top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.clearer { clear: both; }

#container { width: 935px; margin: auto; height: 100%; }
#logo { width: 260px; height: 196px; display: block; background: url(images/avalanche-events.gif) no-repeat top right; }
#logo h1 { text-indent: -9999px; }
#col-gauche, #contenu-droite { float: left; height: 100%; }
#col-gauche { width: 260px;
	/* background: url(images/fond-gauche.gif) repeat-y top left; */
}
#contenu-droite { width: 640px;
	/* background: url(images/fond-droite.gif) repeat-y top left; */
}

#menu-container { width: 640px; }
#menu { position: relative; width: 450px; height: 136px; z-index: 1; margin: 0 auto; }
#menu li { float: left; list-style: none; }

#lagence, #prestations, #hotesses, #nos-salons, #en-images, #confiance, #contact, #blog,
#lagenceB, #prestationsB, #hotessesB, #nos-salonsB, #en-imagesB, #confianceB, #contactB, #blogB,
.lagence, .prestations, .hotesses, .nos-salons, .en-images, .confiance, .contact, .blog
{ width: 30px; height: 136px; background-repeat: no-repeat; background-position: top left; }
#lagenceS, #prestationsS, #hotessesS, #nos-salonsS, #en-imagesS, #confianceS, #contactS, #blogS
{ width: 30px; height: 136px; display: block; z-index: 2; position: absolute; top: 0; cursor: pointer; }
#lagenceB, #prestationsB, #hotessesB, #nos-salonsB, #en-imagesB, #confianceB, #contactB, #blogB { display: block; margin-top: -136px; z-index: 3; }
#lagence, #prestations, #hotesses, #nos-salons, #en-images, #confiance, #contact,
.lagence, .prestations, .hotesses, .nos-salons, .en-images, .confiance, .contact { margin-right: 30px; }
#lagence { background-image: url(images/lagence-off.gif); }
#prestations { background-image: url(images/prestations-off.gif); }
#hotesses { background-image: url(images/hotesses-off.gif); }
#nos-salons { background-image: url(images/nos-salons-off.gif); }
#en-images { background-image: url(images/en-images-off.gif); }
#confiance { background-image: url(images/confiance-off.gif); }
#contact { background-image: url(images/contact-off.gif); }
#blog { background-image: url(images/blog-off.gif); }
#lagenceB, .lagence { background-image: url(images/lagence-on.gif); }
#prestationsB, .prestations { background-image: url(images/prestations-on.gif); }
#hotessesB, .hotesses { background-image: url(images/hotesses-on.gif); }
#nos-salonsB, .nos-salons { background-image: url(images/nos-salons-on.gif); }
#en-imagesB, .en-images { background-image: url(images/en-images-on.gif); }
#confianceB, .confiance { background-image: url(images/confiance-on.gif); }
#contactB, .contact { background-image: url(images/contact-on.gif); }
#blogB, .blog { background-image: url(images/blog-on.gif); }

#evenementiels a, #nos-regies a, #nos-hotesses a, #marches-de-noel a, #agence-de-communication a, #lentreprise-du-spectacle a,
#pass-temps-libre a, #salons-a-venir a, #video a, #communication a, #incentive a, #spectacles a, #receptions a, #salons a, #seminaires a, #soirees-diverses a {
	height: 42px; width: 260px; background-repeat: no-repeat; background-position: bottom left; display: block;
	text-indent: -5000px;
}
#evenementiels a:hover, #nos-regies a:hover, #nos-hotesses a:hover, #marches-de-noel a:hover, #agence-de-communication a:hover, #lentreprise-du-spectacle a:hover, #pass-temps-libre a:hover, #salons-a-venir a:hover, #video a:hover, #communication a:hover, #incentive a:hover, #spectacles a:hover, #receptions a:hover, #salons a:hover, #seminaires a:hover, #soirees-diverses a:hover {
	background-position: top left;
}
#evenementiels a { background-image: url(images/menu/evenementiels.gif); }
#nos-regies a { background-image: url(images/menu/nos-regies.gif); }
#nos-hotesses a { background-image: url(images/menu/nos-hotesses.gif); }
#marches-de-noel a { background-image: url(images/menu/marches-de-noel.gif); }
#agence-de-communication a { background-image: url(images/menu/agence-de-communication.gif); }
#lentreprise-du-spectacle a { background-image: url(images/menu/lentreprise-du-spectacle.gif); }
#pass-temps-libre a { background-image: url(images/menu/pass-temps-libre.gif); }
#salons-a-venir a { background-image: url(images/menu/salons-a-venir.gif); }
#evenementiels a { background-image: url(images/menu/evenementiels.gif); }
#video a { background-image: url(images/menu/video.gif); }
#communication a { background-image: url(images/menu/communication.gif); }
#incentive a { background-image: url(images/menu/incentive.gif); }
#spectacles a { background-image: url(images/menu/spectacles.gif); }
#receptions a { background-image: url(images/menu/receptions.gif); }
#salons a { background-image: url(images/menu/salons.gif); }
#seminaires a { background-image: url(images/menu/seminaires.gif); }
#soirees-diverses a { background-image: url(images/menu/soirees-diverses.gif); }
#haut-gauche, #bas-gauche { width: 260px; height: 28px; display: block; background-position: top right; background-repeat: no-repeat; }
#haut-gauche { background-image: url(images/menu/haut.gif); }
#bas-gauche { background-image: url(images/menu/bas.gif); margin-top: -14px; }
#corps-texte { background: url(images/menu/milieu.gif) repeat-y top left; width: 222px; line-height: 14px; padding-left: 28px; padding-right: 10px; font-size: 0.7em; }

#container-texte, #photo-droite, #colonne-une, #colonne-deux, #colonne-cune, #colonne-cdeux { float: left; }
#texte { width: 600px; padding: 20px 20px 0px 20px; font-size: 0.7em; line-height: 1.7em; }
#container-texte { padding: 20px; width: 360px; font-size: 0.7em; line-height: 1.7em; }
#container-texte ul, #container-texte h2, #container-texte p, #texte ul, #texte p { margin-left: 15px; }
#container-texte ul, #texte ul { padding-left: 5px; }
#container-texte li, #texte li { margin-left: 25px; list-style-image: url(images/puce.gif); line-height: 22px; }
#container-texte h2, #container-texte .rouge, #texte h2, #texte .rouge { font-weight: bold; color: #d82e39; }
#container-texte p, #texte p { margin-bottom: 10px; text-align: left; }
#container-texte h6 { font-size: 0.8em; }
h1.declencheur { cursor: pointer; margin: 5px 0; }
#photo-droite { width: 240px; padding-top: 20px; }
#colonne-une, #colonne-deux { width: 280px; padding: 20px; }
#colonne-cune, #colonne-cdeux { font-size: 0.7em; padding: 20px; }
#colonne-cune { width: 220px; }
#colonne-cdeux { width: 300px; }
#corps-texte h1 { font-weight: bold; color: #343336; margin-bottom: 10px; }
#corps-texte img { border: 1px solid #fff; margin-bottom: 10px; display: block; }
#corps-texte a, #colonne-cdeux a { color: #000; }
#corps-texte p { margin-bottom: 14px; }

img.image-texte { float: left; clear: left; }

h1.titre, h2.titre { text-indent: -9999px; }
h1#titre_avenir, h1#titre_pass2009, h1#titre_avalanche, h2#titre_lassurance { display: block; background-repeat: no-repeat; background-position: right top; }
h1#titre_pass2009, h1#titre_avalanche { height: 74px; }
h1#titre_avenir, h2#titre_lassurance { height: 37px; }
h1#titre_pass2009 { background-image: url(../_ressources/_elements/titres/pass-temps-libre-2009.gif); width: 373px; }
h1#titre_avenir { background-image: url(../_ressources/_elements/titres/a-venir.gif); width: 198px; }
h1#titre_avalanche { background-image: url(../_ressources/_elements/titres/Avalanche-Events-ACE.gif); width: 522px; }
h2#titre_lassurance { background-image: url(../_ressources/_elements/titres/Lassurance-2.gif); width: 549px; margin-top: 10px; }

#img_gallery { text-align: center; padding: 20px 0px 0px 14px; }
a.imagal img { float: left; border: 1px solid #efefef; width: 150px; height: 100px; margin: 1px; }
a:hover.imagal img { border: 1px solid #343336; }

#colonne-cune input, #colonne-cune textarea { border: 1px solid #343336; margin-bottom: 5px; }
#colonne-cune input.bouton { border-width: 0px; }
#sexe { display: none; }