/**
 *  @file         screen.css
 *  @description  Feuille de styles globale
 *  @author       Rafaël (ixmedia.com)
 */

@import url("./reset.css");

ul#liste-formulaires-don a.bouton {
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.2;
	border-top: 1px solid #e5841c;
}

html { font-size: 62.5%; }
html, body { height: 100%; }

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 135%;
	line-height: 1.5em;
	color: #635440;
/* 	background: #ffe993 url('/img/interface/body.gif') repeat-x bottom; */
	position: relative;
	behavior: url("/js/ie6/csshover.htc");
}

h1,h2,h3,h4,h5,h6,p,ul,ol,table { margin-bottom: 1em; }
ul { margin-left: 20px; }

a { text-decoration: none; color: #ff8500; font-weight: bold;	 }

a:hover { text-decoration: underline; }
a:focus { outline: 1px dotted; }

a *, button * { cursor: pointer; }
hr {
	display: block;
	height: 1px;
	padding-top: 1em;
	margin-bottom: 2em;
	border-bottom: 1px solid #bbb;
	border-top: none;
	border-left: none;
	border-right: none;
}

#facebook-like { padding-bottom: 10px;}

small { font-size: 90%; }
input, select, button, textarea, option { font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }
button, label, select, option, input[type=submit] { cursor: pointer; }
.groupe:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .groupe {display: inline-block;}
/* Hides from IE-mac \*/ * html .groupe {height: 1%;} .groupe {display: block;} /* End hide from IE-mac */
sup { font-size: 80%; line-height: 1; vertical-align: super; }
button::-moz-focus-inner { border: 0; padding: 1px; }
span.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }

header, footer, nav, section, hgroup, article, aside, figure, canvas { display: block; }
time { display: inline; }

/* !classes pécheresses */

.right { float: right; margin-left: 16px; }
.left  { float: left; margin-right: 16px; }
.low-margin { margin-bottom: 0.4em; }

ol li {
	list-style: decimal inside;
	margin-left: 1.3em;
	text-indent: -1.3em;
	margin-bottom: 0.8em;
}

p.lien {
	font-family: ColaborateMedium, Verdana, Arial, sans-serif;
	font-size: 1.4em;
}

.bouton {
	padding: 6px 12px;
	font-weight: bold;
	color: #fff;
	background: #ff941f;
	border: none;
/* 	margin-top: 8px; */
	display: inline-block;
}

div#contenu div#contenu-main img {
	border: 5px solid #ffe993;
	margin-bottom: 0;
}


/* !formulaires */

span.o { color: #eb8128; }

div.champ,
div.champ-multiple {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}
div.champ-radio {
	margin-top: 4px;
	margin-bottom: 4px;
}
label {
	display: block;
}
div.champ-radio label,
div.champ-checkbox label {
	display: inline;
}
div.champ-multiple div.champ {
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	margin-right: 0.4em;
}
body > div#wrap1 form#etape1 {
	width: 612px;
}
form#etape1 p:first-child {
	margin-bottom: 2em;
}
p img {
	vertical-align: text-top;
}

h1 {
	font-family: ColaborateThin, Verdana, Arial, sans-serif;
	font-size: 2.4em;
	text-transform: uppercase;
	color: #f24e33;
	line-height: 1.3em;
	margin-top: -7px;
	margin-bottom: 0.6em;
}
body.section-accueil-nimportequoi h1 { font-size: 2.7em; }

h2 {
	font-family: ColaborateRegular, Verdan, Arial, sans-serif;
	font-size: 170%;
	margin-bottom: 0.6em;
	line-height: 1.2;
	margin-top: 1em;
}
body.section-accueil-nimportequoi h2 { font-size: 160%; }

div.side h2 {
	font-family: ColaborateThin, Verdana, Arial, sans-serif;
	font-size: 1.9em;
	text-transform: uppercase;
	color: #f24e33;
	margin-bottom: 0.6em;
	margin-top: 3px;
}
body.template-deux-colonnes div.side h2 { font-size: 1.8em; color: #635440; }

div.side h3 {
	font-family: ColaborateRegular, Verdana, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1.2em
}



/* !section-accueil */

p.date {
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0.2em;
}
body div#contenu div#contenu-main ul.nouvelles {
	margin-left: 0;
}
	body div#contenu div#contenu-main ul.nouvelles li {
		margin-bottom: 2em;
		list-style-type: none;
	}
		body div#contenu div#contenu-main ul.nouvelles li h2 {
			margin-bottom: 0.3em;
		}
a.lire-la-suite {
	font-size: 0.9em;
	text-transform: uppercase;
}
div.commanditaires {
	border-top: 1px solid #d0cbc5;
	padding-top: 1.5em;
	margin-top: 1.8em;
}
	div.commanditaires h3 {
		color: #f24e33;
		font-family: Arial, sans-serif;
		text-align: center;
		font-size: 1em;
		padding: 0 20px;
	}
	div.commanditaires ul {
		margin-left: 0;
	}
	div.commanditaires ul li {
		height: 90px;
		overflow: hidden;
		text-align: center;
		width: 210px;
	}
	div.commanditaires ul li.impair {
		padding-right: 13px
	}
	div.commanditaires ul li.pair {
		padding-left: 13px;
		border-left: 2px solid #d0cbc5;
	}
body.section-accueil-nimportequoi div#contenu-side2 h2.titre-infolettre {
	color: #fff;
	background: transparent url('/img/interface/h2-infolettre.png') no-repeat;
	width: 240px;
	padding-left: 15px;
	padding-top: 8px;
	margin-bottom: 0.2em;
	height: 55px;
	position: relative;
	left: -16px;
}
* html body.section-accueil-nimportequoi div#contenu-side2 h2.titre-infolettre { width: 190px; }
*+html body.section-accueil-nimportequoi div#contenu-side2 h2.titre-infolettre { left: -15px; }

form#abonnement div {
	margin: 1.1em 0;
}
	form#abonnement div label {
		font-size: 0.75em;
		text-transform: uppercase;
		font-weight: bold;
		display: inline;
	}
	form#abonnement div input {
		background: none;
		border: none;
		color: #635440;
		font-size: 0.9em;
		border-bottom: 1px solid #635440;
		float: right;
		margin-top: 0px;
	}
	* html form#abonnement div input { margin-top: -18px; }
	*+html form#abonnement div input { margin-top: -18px; }

form.formulaire-formation label {
	padding-top: 10px;
	display: block;
}
form.formulaire-formation label.label-checkbox {
	display: inline-block;
}
form.formulaire-formation div input {
	display: inline-block;
	margin-bottom: 10px;
}
p.erreur, div#erreur ul {
	color: red;
}

form div.champ-indente {
	padding-left: 1.7em;
}

input[disabled], input:disabled {
	color: #bbb;
}


div#banner div#banner-side,
div#banner div#banner-side a {
	color: #fff;
}
div#banner div#banner-side p.titre {
	font-family: ColaborateThin, Verdana, Arial, sans-serif;
	font-size: 2.3em;
	text-transform: uppercase;
	color: #ffe993;
	line-height: 1.4em;
	margin-bottom: 0.1em;
	margin-top: 0.1em;
}
div#banner div#banner-side div.aide {
	margin-top: 3.2em;
	border-top: 1px solid #ffe993;
	padding-top: 2em;
}
	div#banner div#banner-side div.aide p.titre {
		font-size: 1.8em;
	}

	div#banner-main {
		background: transparent url('/img/interface/banniere-defaut.jpg') no-repeat;
	}

	div#banner img.banniere {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		display: none;
	}
	div#banner div#banner-main img.premiere { display: block; }


div#boite-liste-formulaires-don {
	font-size: 0.95em;
	position: relative;
}
	div#boite-liste-formulaires-don p a {
		width: 177px;
	}
	ul#liste-formulaires-don {
		position: absolute;
		left: -9999px;
		margin-left: 0;
		padding-left: 0;
	}
	ul#liste-formulaires-don.affiche {
		left: 0;
		top: 30px;
	}
		ul#liste-formulaires-don li a {
			display: block;
			width: 177px;
		}

/* !multi-background et sticky footer party */

body {
	background: #ffe993 url('/img/interface/body.gif') repeat-x top;
}
	div#wrap1 {
		min-width: 990px;
		height: auto !important;
		height: 100%;
		min-height: 100%;
		background: transparent url('/img/interface/wrap1-deux-colonnes.gif') repeat-y center;
	}
	body.template-trois-colonnes div#wrap1 { background-image: url('/img/interface/wrap1-trois-colonnes.gif'); }
	body.template-une-colonne div#wrap1 { background-image: url('/img/interface/wrap1-trois-colonnes-vides.gif'); }
		
		div#wrap2 {
			background: transparent url('/img/interface/wrap2-accueil.jpg') repeat-x center 121px;
			min-width: 960px;
		}
		body.section-actions div#wrap2 { background-image: url('/img/interface/wrap2-actions.jpg'); }
			
			div#contenu {
				padding-bottom: 166px;
			}
	div#pied1 {
		height: 103px;
		padding: 19px 16px 34px;
		font-weight: bold;
		font-size: 0.9em;
		clear: both;
		margin: -156px auto 0;
		position: relative;
		background: #ffe993 url('/img/interface/pied.gif') repeat-x bottom;
	}
		div#pied2 { width: 930px; margin: 0 auto; }
			div#pied2 p.left {float:left;}
			div#pied2 p.right {float:right;}

ul.nav-side {
	margin-left: 0;
	font-size: 0.97em;
}
ul.nav-side a { color: #ff941f; display: block; }

	ul.nav-side li.premier-niveau {
		border-bottom: 1px solid #d0cbc5;
	}
	* html ul.nav-side li.premier-niveau { width: 190px; }
		
		ul.nav-side li.premier-niveau a {
			padding: 0.7em 0;
		}
	ul.nav-side li.actif span.niveau-1 {
		display: block;
		background: transparent url('/img/interface/nav-side-courant-top.png') no-repeat top;
		left: -31px;
		padding-left: 31px;
		position: relative;
		width: 224px;
		height: 7px;
		top: -1px;
	}
	*+html ul.nav-side li.actif { position: relative; margin-bottom: 10px; }
	*+html ul.nav-side li.deroulant { margin-bottom: 0; }
	*+html ul.nav-side li.actif span.niveau-1 { top: 1px; left: -30px; }
		ul.nav-side li.actif a.premier-niveau {
			display: block;
			background: transparent url('/img/interface/nav-side-courant-bottom.png') no-repeat bottom;
			color: #fff;
			min-height: 32px;
			height: auto !important;
			height: 32px;
			padding-left: 31px;
			padding-top: 4px;
			position: relative;
			width: 224px;
			top: -1px;
			margin-bottom: -12px;
		}
		ul.nav-side li.actif a.premier-niveau { left: -31px; }
		
		* html ul.nav-side li.actif span.niveau-1 { display: none; }
		* html ul.nav-side li.actif a.premier-niveau { width: 170px; padding-left: 13px; left: -13px; padding-top: 10px; }
		* html ul.nav-side li.deroulant a.premier-niveau { margin-bottom: -20px; }
		
		ul.nav-side li.deroulant a.premier-niveau {
			margin-bottom: 1em;
			padding-bottom: 21px;
			min-height: 1.6em;
			height: auto !important;
			height: 1.6em;
		}
	* html ul.nav-side li.actif { border-bottom: none; }
	* html ul.nav-side li.actif a.premier-niveau { width: 190px; margin-top: -3px; }
	*+html ul.nav-side li.actif a.premier-niveau { left: -30px; }
	
	ul.nav-side li.deroulant a { padding-top: 0.1em; }
	ul.nav-side li.premier-niveau.last {
		border-bottom: none;
	}
		ul.nav-side li.premier-niveau ul {
			margin-top: -1em;
			margin-bottom: 0.2em;
			font-size: 0.9em;
			margin-left: 16px;
			
		}		
			ul.nav-side li.premier-niveau ul li {
				line-height: 1.5em;
				margin-bottom: 0;
			}
				ul.nav-side li.premier-niveau ul li a {
					margin-bottom: 0;
				}
				ul.nav-side li.premier-niveau ul li.actif ul li.actif > a,
				ul.nav-side li.premier-niveau ul li.actif > a {
					color: #839a04;
				}
				ul.nav-side li.premier-niveau ul li.actif ul li a {
/*					text-decoration: none;*/
				}
				ul.nav-side li.premier-niveau ul li.deroulant a {
					margin-bottom: 5px;
				}
					ul.nav-side li.premier-niveau ul li.pas-deroulant a {
						margin-bottom: 0;
					}
				* html ul.nav-side li.premier-niveau ul li a { height: 3em; }
					
					ul.nav-side li ul.nav-side li ul.nav-side li a {
						padding-top: 8px;
						border-bottom: 1px solid #eee;
					}
						ul.nav-side li.premier-niveau ul li.deroulant ul {
							margin-bottom: 16px;
						}
					
div#nav-meta-wrap,
div#nav-main-wrap-inner,
div#banner,
div#contenu { margin: 0 auto; }

div#nav-meta-wrap,
div#nav-main-wrap-inner,
div#contenu { width: 960px; }
div#banner { width: 993px; }

div#nav-main-wrap-inner,
div#nav-meta-wrap { width: 100%; }
	
	ul#nav-meta,
	ul#nav-main { margin: 0 auto; }
	
		ul#nav-meta li,
		ul#nav-main li { float: left; }

div#nav-meta-wrap { background: #fff4c7; }

	ul#nav-meta {
		width: 960px;
		padding: 0 15px;
	}
		ul#nav-meta li {
			height: 16px;
			padding: 8px 12px;
			width: 216px;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 0.75em;
		}
		ul#nav-meta li.lien-accueil { width: 696px; }
			
			ul#nav-meta li a {
				color: #ff8500;
			}

div#nav-main-wrap { background: #ffc821 url('/img/interface/nav-main-wrap.gif') repeat-x top; }
div#nav-main-wrap-inner { background: transparent url('/img/interface/nav-main.png') no-repeat bottom; }
	
	ul#nav-main {
		width: 960px;
		padding: 0 15px;
	}
		ul#nav-main li {
			padding-left: 2px;
			width: 238px;
			font-weight: bold;
			background: transparent url('/img/interface/nav-main-li.gif') no-repeat top left;
		}
		ul#nav-main li.actif a { background-color: #ffbe36; }
			ul#nav-main li a {
				height: 52px;
				padding: 19px 14px;
				width: 210px;
				color: #635440;
				display: block;
			}

div#banner {
	width: 990px;
	height: 202px;
	position: relative;
	top: -15px;
	margin-bottom: -15px;
	background: transparent url('/img/interface/banner-deux-colonnes.gif') no-repeat bottom;
}
body.section-accueil-nimportequoi div#banner { height: 435px; }
body.template-trois-colonnes div#banner { background-image: url('/img/interface/banner-trois-colonnes.gif'); }
body.template-une-colonne div#banner { background-image: url('/img/interface/banner-trois-colonnes-vides.gif'); }

	div#banner-side {
		float: right;
		height: 147px;
		width: 225px;
		background: #f35532;
		padding: 15px;
	}
	body.section-accueil-nimportequoi div#banner-side { height: 380px; }
	
	div#banner-main {
		float: left;
		width: 735px;
		height: 177px;
	}
	body.section-accueil-nimportequoi div#banner-main { height: 435px; }
	
		div#banner-main img#logo {
			display: block;
			margin: 20px;
			z-index: 20;
			position: relative;
		}
	
	body.section-accueil-nimportequoi div#banner-main { background: transparent url('/img/interface/banner-main-accueil.jpg') no-repeat; }
	body.section-actions div#banner-main { background: transparent url('/img/interface/banner-main-actions.jpg') no-repeat; }
	
div#contenu div#contenu-main ul li { list-style-type: disc; }
div#contenu div#contenu-main ul li ul li { list-style-type: circle; }
div#contenu div#contenu-main ul li ul li ul li { list-style-type: square; }

div#contenu-main div.groupe {
	margin: 20px 0;
}

/* div#contenu { background: #fff url('/img/interface/wrap-inner2-deux-colonnes.gif') repeat-y; } */
/* body.template-trois-colonnes div#contenu { background-image: url('/img/interface/wrap-inner2-trois-colonnes.gif'); } */

div.carte {
	margin: 2em 0;
}
	div.carte p {
		margin-top: 1em;
	}

div#contenu div#contenu-main,
div#contenu div#contenu-side,
div#contenu div#contenu-side1,
div#contenu div#contenu-side2 { padding: 0 16px; }

* html div#contenu div#contenu-side1 { padding-left: 0; }
* html div#contenu div#contenu-side { padding-left: 15px; padding-right: 0; }


div#contenu div#contenu-main { width: 687px; float: right; }
body.template-une-colonne div#contenu div#contenu-main,
body.template-trois-colonnes div#contenu div#contenu-main { width: 448px; }
body.template-une-colonne div#contenu div#contenu-main { margin-right: 239px; }

div#contenu div#contenu-side,
div#contenu div#contenu-side1,
div#contenu div#contenu-side2 { width: 208px; }

body.template-trois-colonnes div#contenu-main-side1 { width: 720px; float: left; }
	body.template-trois-colonnes div#contenu-main { float: right; }
	body.template-trois-colonnes div#contenu-side1 { float: left; }
body.template-trois-colonnes div#contenu-side2 { float: right; }

* html body.template-trois-colonnes div#contenu-main-side1 { width: 704px; padding-left: 16px; }
.bandeauHaut{ margin: 10px auto; text-align: center;}