@charset "UTF-8";
/* CSS Document */

@import url('iconize.css');

/* PARAMÈTRES GLOBAUX */

body {
	text-align: justify;
	color: #fff;
	background: #430000 url(../img/bg.png) repeat-x fixed;
	margin: 0; padding: 0;
}
body, input, textarea {font: 0.85em "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}


#wrapper {width: 750px; margin: 0 auto 14em;}

a:link {color: #fba200;}
a:visited {color: #9b4b1c;}
a:hover {color:#fff;}
a:active {color: #fc6}

h1 {text-transform: uppercase;}
h1,h2, h3, h4, h5, h6 {color: #ffa500; clear: both;}
h1 {font-size: 1.8em; text-align: center;}
p {line-height: 1.4em;}
li {margin-bottom: 1em;}
p + ul li {position: relative; left: 2em; margin-bottom: 0.45em; }

em {font-style:normal; color: #ffa500;}
cite {font-style: italic;}

/* SECTIONS */

#nav {
	font-size: 0.85em; 
	text-align: center; 
	background: #000 url(../img/entete.png) no-repeat; 
	position: fixed; top: 0;
	z-index: 5;
	width: 750px; 
	margin: 0 auto; 
	padding: 11.3em 0 0; /* hauteur de l'image: 131px = 11.3em */
	list-style: none;
}
#nav li {font-size: 85%; line-height: 1.6em; display:inline; border-right: 2px solid white; padding: 0 0.8em 0 0.6em;}
#nav li.last {border: none;}

.contenu {
position: relative;
margin-top: 11.3em;
padding: 3.2em 0.25em ; /* tampon vertical pour compenser la hauteur de la barre de navigation. tampon horizontal pour ajuster le texte avec la barre de navigation */
}

/* CLASSES */

a.inv {text-decoration: none; color: #fff; }
a.inv:hover {text-decoration: none; color: #ffa500;}

*[lang=en] {font-style: italic;}
h1 *[lang=en], h2 *[lang=en], h3 *[lang=en], h4 *[lang=en], h5 *[lang=en], h6 *[lang=en] {font-style: normal;}
.center {text-align: center;}

.clear {clear: both;}

.shift-down {margin-top: 6em;}

.titredepersonne {color: #ffa500;}
.signature {color: #ffcc66;}

.notabene, .smallnote {font-size: 115%; font-weight: bold; text-align: center; color: #ffa500; margin: 0 0 1em 0;}
.smallnote {font-size: 90%;}
.highlight {color: #ffcc66;}

/* STYLES DE PAGES SPÉCIFIQUES */

#splash {color: #fff; background: #000; padding: 1em;}
#splash #wrapper {text-align: center; width: 720px; border: 5px solid #fff; margin: 0 auto; padding: 1.2em;}
#splash h1, #splash h2 {text-align: center; margin: 0.5em 10%;}
#splash h1 {font-size: 2.4em;}
#splash h2 {font-size: 1.8em;}
#splash p {text-align: justify;}
#splash img {border: 2px solid #fff; margin: 1.2em;}
#splash h1 {color: #ffa500;}
#splash h2 {color: #ffcc66;}

#accueil h1 + ul {margin: 4em 0;}

#calendrier h2 {text-align: center;}
#calendrier h3 {clear: both; border-bottom: 1px solid #fff; padding-top: 1em; padding-bottom: 1em;}

#calendrier ul.liste_mois {
	font-size: 0.8em;
	text-align: center;
	position: relative;
	left: 50%;
	width: 49.5em;
	margin-left: -24.75em; 
	padding: 0;
	list-style: none;
}
#calendrier ul.liste_mois li.first {clear: both;}
#calendrier ul.liste_mois li {margin: 0; padding: 0;
	display: block;
	float: left;
	width: 7em;
	margin: -0.25em 0.5em;
}
#calendrier ul.liste_mois li a {
	text-decoration: none;
	background: url(../img/bg_titre.png);
	display: block;
	float: left;
	width: 7em;
	border: 1px solid #ffa500;
	padding: 0.25em;
}
#calendrier ul.liste_mois li a:hover {background-position: 0px -14px;}
#calendrier .evenements {margin-top: 100em;}
#calendrier .mois {margin-bottom: 100em;}
#calendrier .evenement {border-bottom: 1px solid #fff; padding: 0; }

#calendrier #retourlistemois a {
	text-decoration: none;
	text-align: center;
	background: url(../img/bg_titre.png);
	display: block;
	position: fixed;
	left: 50%;
	width: 10em;
	bottom: 0.5em;
	margin-left: -5em;
	border: 1px solid #ffa500;
	padding: 0.25em;
}
#calendrier #retourlistemois a:hover {background-position: 0px -14px;}

#calendrier a[name] { position: relative; top: -14.5em /* compensation pour la hauteur de la barre de navigation: 11.3 + 3.2 = 14.5 */; }
#calendrier #m_menu { position: relative; top: -100em /* compensation pour la hauteur de la barre de navigation*/; }


#liens h2 {text-transform: uppercase; margin-top: 3em;}
#liens h3 a {font-size: 90%; font-weight: normal; font-style: italic;}

#contact * {text-align: center;}
#contact h2 {margin-top: 1em;}
a[href ^="mailto:"] {text-decoration: none;}

#contact .contenu a {text-decoration: none; color: #fff; }
#contact .contenu a:hover {text-decoration: none; color: #ffa500;}

#ateliers h2, #equipe h2 {text-align: center; clear: both; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: 1.6em;}
#ateliers h2 .expl {font-size: 85%; font-style: italic;}
#ateliers .par1 img, #equipe .par1 img, #formations .par1 img {float: left; padding-right: 1em;}
#ateliers .par2 img, #equipe .par2 img, #formations .par2 img {float: right; padding-left: 1em;}
#ateliers .par1 p, #equipe .par1 p {margin-left: 150px; padding-left: 1em;}
#ateliers .par2 p, #equipe .par2 p {margin-right: 150px; padding-right: 1em;}


#conferences h1 {margin-right: 7.25em;}
#conferences p {margin-right: 13.5em;}
#conferences h1, #conferences h2, #conferences h3 {clear: none;}
#conferences img {
	float: right; 
	margin-left: 1.5em; 
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 4.25em;
}

#formations .notabene, #formations .smallnote {text-align: left; font-style: italic;}
#formations p.expl {color: #ffa500;}
#formations .par1 h3 {margin-left: 11.85em;} 
#formations .par1 p {margin-left: 14em;} 
#formations .par2 h3 {margin-right: 15.35em;} 
#formations .par2 p {margin-right: 18em;} 
#formations .par1 h3, #formations .par2 h3 {font-variant: small-caps;}
#formations ul.par1 {margin-left: 11.85em;}


#ritessurmesure p {text-align: center;}
#ritessurmesure img {float: right;}

#quetes .intro, #voyages .intro {margin-right: 0!important;}
#quetes p, #voyages p {margin-right: 19.5em;}
#quetes img, #voyages img {float: right; margin-left: 1em; }

#voyages h2 {text-align: center; font-size: 135%;}

#inscription fieldset {
border: none;
	display: block;
	float: left;
	clear: both;
	margin: 0 0 1em 0;
}

#inscription span[id] {
	display: block;
	float: left;
	clear: both;
margin-bottom: 0.5em;
}

#inscription legend {
font-size: 115%;
font-weight: bold;
font-style: italic;
	margin: 0 0 1em 0; padding: 0;
}
#inscription fieldset fieldset legend {
font-size: 100%;
font-weight: normal;
font-style: normal;
margin: 0 !important;
}

#inscription label, #inscription fieldset fieldset legend span {
	text-align: right;
	display: block;
	float: left;
	width: 11em;
margin: 0 0.2em 0 0;
padding: 0 14px 0 0;
}
#inscription .req {background: url(../img/icon_asterisk.gif) no-repeat top right;}

#inscription .radioset {
height: 1.3em;
margin-top: 0.5em;
}
#inscription .radioset label {
text-align: left;
position: relative; left: 12em; top: -1.55em;
width: 9em;
}
#inscription input[type="radio"] {margin-right: 0.5em; margin-left: 0.5em;}

#inscription input[type="text"], #inscription textarea {
width: 25em;
border: none;
margin: 0;
padding: 0.25em;
}
#inscription textarea {
height: 10em;
margin-bottom: 2em;
}

#inscription fieldset fieldset {
	display: block;
	float: left;
	clear: both;
	margin: 0 0 1em 0;
padding: 0;
}

#inscription .formbuttons {float: none; margin: 0 auto; text-align: center;}
#inscription .formbuttons input {width: 8em;}

#politiques h1 .expl {text-transform: none;}

.w3c a img {border: 1px solid black !important;}
.w3c a:hover img {border: 1px solid white !important;}

#calendrier-flash #nav {position: relative;}

#calendrier-flash #wrapper {margin-bottom: 0;}
#calendrier-flash .contenu {margin-top: 0; padding-top: 0; padding-bottom: 0;}
#flashcontent {margin: 0 auto;}
#calendrier-flash h2 {text-align: center;}