@charset "UTF-8";
@import url(paragraphe.css);
@import url(paiement.css);
@import url(video.css);

/* [ADD] Variante orange marque du bandeau .info (ex. page Programme de formation) */
.infoOrange {
	background-color: #e85611;
	background-image: none;
	color: #fff;
	text-shadow: none;
	padding-left: 15px !important;
	clear: both; /* démarre sous le logo Qualiopi flottant à droite (pas de chevauchement) */
}
.infoOrange a, .infoOrange a:hover { color: #fff; }
.infoOrange a:hover { text-decoration: none; }

/* [ADD] CTA en pilule orange avec traits horizontaux de part et d'autre (ex. « Voir toutes les formations ») */
.ctaLignes {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 16px 0 4px;
}
.ctaLignes::before,
.ctaLignes::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: #dcdcdc;
}
.ctaLignes a {
	display: inline-block;
	background: #e85611;
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
	padding: 9px 20px;
	border-radius: 22px;
	white-space: nowrap;
}
.ctaLignes a:hover {
	background: #d44d0e;
	color: #fff !important;
}

/* Ancres des sessions de formation (a name="evt-…" dans agenda/_templates/front/liste.php) :
   décalage de 30px sous le haut de la fenêtre quand on arrive via #evt-{ref}. */
a[name^="evt-"] {
	scroll-margin-top: 30px;
}

/* Widget « Prochaines formations » (colonne droite, page Présentation) :
   date en vert de marque, taille légèrement réduite. */
.dateFormation {
	color: #a1af00;
	font-size: 0.9em;
}

/* Bloc certification Qualiopi (pages Formation : colonne droite Présentation +
   sous le bandeau Programme). Logo + mention réglementaire. */
.qualiopi {
	margin: 0 0 18px;
}
.qualiopiLogo {
	display: block;
	max-width: 170px;
	height: auto;
}
.qualiopiMention {
	margin: 6px 0 0;
	font-size: 0.72em;
	line-height: 1.35;
	color: #777;
}
/* Page Liste des formations : logo flottant tout à droite, aligné avec le titre. */
.qualiopiListe {
	float: right;
	margin: 0 0 10px 20px;
}
.qualiopiListe .qualiopi {
	margin: 0;
}

/* -------------------------------- */
/* Définition des balises HTML		*/
/* -------------------------------- */
html {
	font-size: 100%;
}
body {
	background: #665751 url(../_image/background.png) no-repeat center top;
	margin: 20px 0 0;
	padding: 0;
}
.retourLigne {
	display: block;
}

/* -------------------------------- */
/* Haut site						*/
/* -------------------------------- */
#hautsite {
	width: 970px;
	background-color: white;
	margin: 0 auto;
	-webkit-border-radius: 15px 15px 0 0;
	   -moz-border-radius: 15px 15px 0 0;
	        border-radius: 15px 15px 0 0;
	position: relative;
	height: 227px;
}

/** Logo **/
.logosite {
	height: 65px;
	margin: 0;
	padding: 0;
}
h1.logosite,
a.logosite {
	width: 480px;
	position: absolute;
	top: 46px;
	left: 46px;
}
h1.logosite a,
a.logosite {
	height: 0px;
	padding-top: 65px;
	display: block;
	overflow: hidden;
	background-image: url(../_image/logo_biodynamie.png);
	background-repeat: no-repeat;
    background-size: cover;
}

/** Menu **/
#menuNav {
	margin: 0;
	padding: 0;
	top: 146px;
	left: 43px;
	position: absolute;
}
#menuNav > li:first-child a {
	margin-left: 0px;
}
#menuNav > li {
	list-style-type: none;
	display: inline;
	position: relative;
	overflow: hidden;
}
#menuNav > li > a {
	padding: 16px 10px;
	font: normal 14px CalibriBold, Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #665751;
	margin-left: 7px;
	display: inline-block;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
}
#menuNav > li.menuOngletNav > a:hover,
#menuNav > li.active > a,
.activeOnglet,
#menuNav > li > a:hover {
	background-color: #e85611 !important;
	color: white !important;
}
#menuNav > li.active > .sousmenu > a {
	color: #665751 !important;
}
#menuNav > li.menuOngletNav > a:hover,
.activeOnglet {
	-webkit-border-radius: 15px 15px 0 0 !important;
	   -moz-border-radius: 15px 15px 0 0 !important;
	        border-radius: 15px 15px 0 0 !important;
}


/** Sous-Menu **/
.sousmenu {
	display: none;
	background-color: white;
	-webkit-border-radius: 0 15px 0 15px;
	   -moz-border-radius: 0 15px 0 15px;
	        border-radius: 0 15px 0 15px;
	position: absolute;
	z-index:100;
	top: 0;
	left: 7px;
	list-style-type: none;
	border: 2px solid #e85611;
	margin: 32px 0 0;
}
#menuNav > li:first-child ul.sousmenu {
	left: 0;
}
#menuNav > li .sousmenu li {
	width: 265px;
	border-top: 1px solid #e85611;
}
#menuNav > li .sousmenu li:first-child {
	border-top-style: none;
}
#menuNav > li .sousmenu li a {
	color: #665751;
	text-decoration: none;
	display: block;
	background: url(../_image/puce_ssmenu.gif) no-repeat 10px -39px;
	padding: 8px 14px 10px 30px;
	line-height: 15px;
	font-size: 12px;
}
#menuNav > li .sousmenu li a:hover {
	color: #e85611;
	background-position: 18px -39px;
}

/** Bouton haut **/
.btthaut {
	list-style-type: none;
	margin-right: 45px;
	text-align: right;
	padding-top: 63px;
}
.btthaut li {
	display: inline;
}

/** Bouton accueil **/
.bttaccueil {
				 -moz-transform: rotate(270deg) translate(-100%, 0%);
					 			        -moz-transform-origin: 0% 0%;
				   -o-transform: rotate(270deg) translate(-100%, 0%);
									 	  -o-transform-origin: 0% 0%;
			  -webkit-transform: rotate(270deg) translate(-100%, 0%);
								     -webkit-transform-origin: 0% 0%;
					  transform: rotate(270deg) translate(-100%, 0%);
										  	 transform-origin: 0% 0%;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-box-shadow:inset -1px 1px 0 rgba(255,255,255,0.55),
                       inset 1px 0 0 rgba(0,0,0,0.25);
       -moz-box-shadow:inset -1px 1px 0 rgba(255,255,255,0.55),
                       inset 1px 0 0 rgba(0,0,0,0.25);
            box-shadow:inset -1px 1px 0 rgba(255,255,255,0.55),
                       inset 1px 0 0 rgba(0,0,0,0.25);
	background-color: #e85611;
	width: 64px;
	-webkit-border-radius: 5px 5px 0 0;
	   -moz-border-radius: 5px 5px 0 0;
	        border-radius: 5px 5px 0 0;
	font: bold 10px/24px Arial;
	color: white;
	text-transform: uppercase;
	display:block;
	position:absolute;
	text-align: center;
	top: 46px;
	left: -15px;
}
.bttaccueil:hover {
	background-color: #a1af00;
	text-decoration: none;
}
.bttaccueil span {
	height: 19px;
	width: 84px;
	display: block;
	background-image: url(../_image/masque-accueil.png);
	position: absolute;
	top: 21px;
	left: -10px;
}

/* Boutons Box - DROITE */
/*
.bttBox {
	position: absolute;
	bottom: 0;
	right: 20px;
}
.calendrier .bttBox {
	bottom: -8px !important;
}
.bttBox a {
	float: right;
	margin: 0 !important;
}
*/

/* Boutons Box - CENTRER */
.calendrier.en .bttBox,
.calendrier.al .bttBox {
    margin-top: 90px !important;
}
.bttBox {
    text-align: center;
    margin-top: 98px;
    width: 100%;
}
.bttBox a {
    display: inline-block;
}
.bttBox a.bouton {
    margin: 0 auto !important;
}

/* Langues */
.flag {
	position: absolute;
	top: 25px;
	right: 36px;
}
.flag span {
	font-size: 11px;
	line-height: 13px;
}
.flag span,
.flag ul,
.flag li {
	float: left;
}
.flag li {
	height: 13px;
	width: 24px;
	list-style: none;
	padding-left: 9px;
	padding-right: 9px;
	border-left: 1px solid silver;
}
.flag li:first-child {
	border-left: none;
}
.flag li a {
	width: 24px;
	height: 0;
	padding-top: 13px;
	overflow: hidden;
	display: block;
	background-image: url(../_image/flags-haut.png);
	background-repeat: no-repeat;
	text-align: center;
}
.flag li a:hover,
.flag li.active a {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.flag li#fr a {
	background-position: center top;
}
.flag li#en a {
	background-position: center -13px;
}
.flag li#de a {
	background-position: center -26px;
}


/* -------------------------------- */
/* Bas site							*/
/* -------------------------------- */
#bassite {
	width: 970px;
	margin: 0 auto;
}
#basconteneur {
	background-color: #ecefcc;
	padding: 17px 10px 17px 0;
	overflow: hidden;
	-webkit-border-radius: 0 0 15px 15px;
	   -moz-border-radius: 0 0 15px 15px;
	        border-radius: 0 0 15px 15px;
}
#basconteneur dl {
	float: right;
	padding-left: 25px;
	padding-right: 25px;
	margin: 0;
	padding-top: 13px;
	height: 150px;
	border-right: 1px solid #d1d1b3;
	overflow: hidden;
}
#basconteneur dl:first-child {
	border: none;
}
#basconteneur address {
	font-style: normal;
}
#basconteneur dl dt {
	font: normal 24px/17px CalibriRegular, Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 10px;
}
#basconteneur dl dd {
	margin: 0;
	padding: 0;
	font: normal 11px/17px Arial, Helvetica, Geneva, sans-serif;
	overflow: hidden;
}
#basconteneur dl dd li {
	line-height: 12px;
	margin-bottom: 5px;
}
#basconteneur dd a.liensUtile {
	display: block;
	clear: both;
	text-align: center;
	margin-top: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	background-color: #d1d1b3;
	color: #665751;
	font-size: 12px;
}
#basconteneur dd p.error {
	font-size: 8px;
}
#basconteneur ul {
	float: left;
	list-style: none ;
	margin-left: 19px;
}
#basconteneur ul:first-child {
	margin-left: 0;
}
#basconteneur ul li a {
	color: #665751;
}
#basconteneur dt a:hover {
	text-decoration: none;
}

/** Formulaire **/
#basconteneur form {
	text-align: right;
}
#basconteneur input[type="text"] {
	width: 194px;
	height: 18px;
	display: block;
	border: 1px solid #d1d1b3;
	padding-left: 6px;
}
#basconteneur dl dd form input[type="submit"] {
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 4px;
	background-color: #d1d1b3;
}
#basconteneur dd a.liensUtile:hover,
#basconteneur dl dd form input.bouton:hover {
	background-color: #e85611;
	color: white;
	text-decoration: none;
}
#demeter img {
	margin-left: 20px;
}
#demeter p {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 12px;
	font-size: 10px;
}
#demeter strong {
	padding: 0;
	clear: both;
	font-weight: normal;
	font-style: normal;
}

/** copyright **/
.copyright {
	color: #b3aba8;
	font: 11px/normal Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
	position: relative;
	padding-left: 46px;
}
.copyright a {
	color: #b3aba8;
	display: inline-block;
}
#pmpconcept {
	width: 68px;
	height: 0px;
	overflow: hidden;
	background-image: url(../_image/pmpconcept.gif);
	margin: 0;
	padding: 30px 0 0;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 82px;
}


/* -------------------------------- */
/* Coeur site						*/
/* -------------------------------- */
#coeursite {
	width: 878px;
	margin: 0 auto;
	background-color: white;
	padding: 0 46px 30px;
	overflow: hidden;
}
.imgAccueil {
	background-image: url(../_image/img_acc_6.jpg);
	width: 878px;
	height: 194px;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	margin-bottom: 55px;
}

/*gauche*/
#coeursite > .colonneGauche {
	width: 528px;
	float: left;
}
.colonneGauche {
	margin: 0;
	padding: 0;
}
.colonneGauche h3 {
	display: inline;
}
.paragraphe p.IntroAccueil {
	color: #8f9302;
	font: bold 16px/22px Arial;
	margin: 0;
	padding: 0;
}

/*Liens pages Pro & Jardiniers*/
.paragraphe ul.lienPro {
	margin: 30px 0 50px;
	padding: 0;
}
.paragraphe ul.lienPro li {
	float: left;
	padding-left: 0;
	background-image: none;
}
ul.lienPro li a {
	font-size: 15px;
	text-decoration: none;
	line-height: 17px;
	display: block;
	float: left;
	background: url(../_image/puce_flch_acc.png) no-repeat 0 center;
	height: 36px;
	padding-left: 59px;
}
ul.lienPro li:first-child {
	margin-right: 40px;
}
ul.lienPro li a span {
	display: block;
	/*padding: 0 0 0 49px;*/
}
ul.lienPro li strong {
	color: black;
	text-transform: uppercase;
}
ul.lienPro li a:hover {
	background-position: 7px center;
	padding-left: 53px;
	padding-right: 6px;
}
ul.lienPro li a:hover strong {
	color: #e85611;
}
.venirPro {
	margin-top: 20px;
}
a.starter {
	display: block;
	margin-top: 20px;
	background: url(../_image/base/ico-fleche.png) no-repeat 0 3px;
}
.starter {
	margin-left: 20px;
	padding-left: 20px;
}


/*Professionnels*/
.professionnel {
	text-transform: uppercase;
}

/*Jardiniers*/
.jardinier {
	text-transform: uppercase;
}


/** BOX CADRE **/
/* Boxcadre gris */
.boxCadre {
	border: 1px solid #b3aba8;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
}

/* Boxcadre Actualité page Accueil */
h2 + dl.boxCadre,
h2 + ul.boxCadre {
	-webkit-border-radius: 0px 0px 15px 15px;
	   -moz-border-radius: 0px 0px 15px 15px;
	        border-radius: 0px 0px 15px 15px;
	padding: 19px 0 0;
	margin: 0 0 30px;
}
.paragraphe dl.boxCadre {
	text-align: left;
}
dl.boxCadre dt,
dl.boxCadre dd {
	margin-left: 18px;
	margin-right: 28px;
}
dl.boxCadre dt {
	text-transform: uppercase;
	line-height: 17px;
	font-size: 11	px;
}
dl.boxCadre dd {
	margin-bottom: 23px;
	line-height: 20px;
	font-size: 14px;
	margin-right: 28px;
	text-align: justify;
}

/** Droite **/
#coeursite > .colonneDroite {
	width: 300px;
	float: right;
}
.colonneDroite {
	padding: 0;
	margin: 0;
}

/* Publications */
.publication {
	position: relative;
}
.publication ul.boxCadre {
	border-color: #a1af00;
	height: 190px;
	padding-top: 0;
}
.publication ul.boxCadre,
.publication ul.boxCadre li {
	overflow: hidden;
}
.publication ul.boxCadre li  {
	padding-top: 19px;
	border: 0;
	padding-left: 10px;
}
.publication > a {
	display: block;
}
.publication ul.boxCadre li a {
	display: block;
	width: 135px;
}
a.imgPublication {
	width: 105px !important;
	padding-right: 0 !important;
	float: left;
	padding-top: 0 !important;
}
ul.boxCadre li a.titrePublication {
	float: left;
	padding-left: 10px !important;
	padding-top: 10px !important;
}
ul.boxCadre li a.titrePublication h3 {
	font: 21px/1 CalibriBold, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #e85611;
}
a.commander {
	clear: both;
	width: 110px !important;
	height: 20px !important;
	padding: 0 !important;
	float: left;
	margin-left: 10px;
}
a.commander:hover {
	color: white !important;
}

/* navigation */

.precedent,
.suivant {
	z-index: 10;
	margin-top: 130px;
}
.precedent,
.suivant,
.precedent span,
.suivant span {
	position: absolute;
	display: block;
	width: 27px;
	height: 0;
	overflow: hidden;
	padding-top: 27px;
}
.precedent span,
.suivant span {
	background-image: url(../_image/puce_nav_publication.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.precedent,
.suivant {
	background-image: url(../_image/puce_nav_publication.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.precedent {
	margin-left: -13px;
}
.precedent,
.precedent span {
	top: 0;
	left: 0;
}
.suivant {
	margin-right: -13px;
}
.suivant,
.suivant span {
	top: 0;
	right: 0;
}
.suivant {
	background-position: -303px bottom;
}
.suivant span {
	background-position: -303px top;
}
a.precedent:hover,
a.suivant:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
a.precedent:hover span,
a.suivant:hover span {
	opacity: 0;
	filter: alpha(opacity=0);
}

/* illustration colonne droite */
.groupeIllustration {
	margin-bottom: 33px;
}
.colonneDroite img.illustration {
	margin-bottom: 20px;
}
ul.boxCadre li h3 {
	margin: 0;

}
ul.boxCadre li h3.boxTitle a {
	color: white;
	font: 22px/17px CalibriRegular, Arial, Helvetica, Geneva, sans-serif;
	background: url(../_image/puce_doc.png) no-repeat 20px 11px;
	padding-left: 60px;
}

/* BoxCadre Vert */
.boxCadreVert {
	margin: 0 0 44px;
	padding: 0;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	border: 1px solid #a1af00;
	height: 177px;
}
.smallBox:first-child {
	margin-top: 0;
	margin-bottom: 20px;
}
.smallBox {
	width: 300px;
	height: 0;
	padding-top: 150px;
	overflow: hidden;
	margin-bottom: 30px;
	margin-top: 20px;
}
.smallBox h2 a {
	padding-top: 145px;
	display: block;
	margin-top: -145px;
}
.calendrier {
	background-color: #efefef; /* #a0b100 */
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.calendrier.boxCadreVert h2 {
    text-align: left;
    width: 130px;
    letter-spacing: -1px;
    padding-left: 15px;
}
.calendrier.boxCadreVert h2 a {
    color: #ac4435;
}
.calendrier.boxCadreVert .bttBox {
    margin-top: 15px;
}

.calendrier {
	background-image: url("/_image/img_agenda_2027.jpg");
}
/*
.calendrier.fr {
	background-image: url(../_image/img_agenda_fr_2017.jpg);
}
*/
.calendrier.en .bttBox,
.calendrier.al .bttBox {
    margin-top: 50px !important;
}
.calendrier.en h2,
.calendrier.al h2 {
	font-size: 22px !important;
	line-height: 21px;
}
.calendrier.en h2 span,
.calendrier.al h2 span {
	display: block;
	font-size: 18px !important;
}
/*
.calendrier.en {
	background-image: url(../_image/img_agenda_fr_2017.jpg); 
}
.calendrier.al {
	background-image: url(../_image/img_agenda_fr_2017.jpg);
}
*/

.guide {
	background: url(../_image/nouveau_guide_pratique_2012.png) no-repeat 0 0;
	position: relative;
}
.dvd {
	background: url(../_image/dvd_pratiques_de_agriculture_biodynamique.png) no-repeat 0 0;
	position: relative;
}
.boxCadreVert h2 {
    font: 24px/28px "CalibriRegular",Arial,Helvetica,Geneva,sans-serif;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	margin: 0;
	padding-top: 10px;
}
.boxCadreVert h2 a {
	color: white;
	text-decoration: none;
}

/** bouton COMMANDER **/
.boxCadreVert .bouton {
	margin-top: 159px;
	margin-left: 76px;
}

/* Boxcadre Actualité */
ul.boxCadre {
	margin: 0;
	padding: 0;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
}
ul.boxCadre li {
	font: 20px/20px "CalibriRegular", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
	border-bottom: 1px solid #b3aba8;
}
.boxCadre li a {
	display: block;
	padding: 13px 19px 16px;
}
.boxCadre li a:hover {
	text-decoration: none;
	color: #a1af00;
}
.boxCadre li:last-child {
	border: none;
}

/* Boxcadre Coordonnées */
.zone-contact h3 {
    margin-bottom: 3px;
    color: #8f9302;
    text-decoration: none;
    font-size: 20px;
}
.zone-contact h4 {
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.zone-contact h4 + p {
    margin-top: 0;
}
.boxCadre dd.addrContact .remarque {
    margin-top: 0;
}
.boxCadre dd.addrContact {
}


/* -------------------------------- */
/* Box Accueil  					*/
/* -------------------------------- */
/** Box Titre - cadre **/
.boxTitle {
	-webkit-border-radius: 15px 15px 0px 0px;
	   -moz-border-radius: 15px 15px 0px 0px;
	        border-radius: 15px 15px 0px 0px;
	background-color: #a1af00;
}
/** Titre Box - texte **/
h2.boxTitle {
	color: white;
	line-height: 17px;
	font: 24px "CalibriRegular", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-left: 19px;
	padding-top: 8px;
	padding-bottom: 9px;
}

/* -------------------------------- */
/* Box Rubriques  					*/
/* -------------------------------- */
/** Box rubrique - cadre **/
.paragraphe ul.boxRubrique {
	margin-left: 0;
	margin-top: 18px;
}
.paragraphe ul.boxRubrique li {
	background-image: none;
}
.boxRubrique li {
	-webkit-border-radius: 15px 15px 15px 15px;
	   -moz-border-radius: 15px 15px 15px 15px;
	        border-radius: 15px 15px 15px 15px;
	border: 1px solid #665751;
	margin: 0 0 26px;
	line-height: 18px;
	padding: 4px 14px 15px;
}
.boxRubrique li h2 {
	margin: 0 0 6px;
}
.boxRubrique li h2 a,
.boxRubrique li h2 {
	color: #a1af00;
	font: 24px "CalibriRegular", Arial, Helvetica, Geneva, sans-serif;
	line-height: 20px;
	text-decoration: none;
	text-align:left;
}
.boxRubrique li p {
	margin: 0;
}
.boxRubrique li a.bouton  {
	float: right;
	margin-right: 2px;
	margin-top: 8px;
}

/** zoom **/
li.zoom,
a.zoom {
	background: url(../_image/magnify.png) no-repeat center center !important;
	display: inline-block;
}
li.zoom a {
	cursor: pointer !important;
}
li.zoom a img,
a.zoom img {
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
li.zoom a:hover img,
a.zoom:hover img {
	opacity: .50;
	filter : alpha(opacity=50);
}


/* -------------------------------- */
/* DOCUMENTATION					*/
/* -------------------------------- */
ul.boxRubrique.rubDoc li {
	height: 71px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../_image/img_vide.png);
	position: relative;
}
ul.rubDoc li h2,
ul.rubDoc li p {
	margin-left: 105px;
}
ul.rubDoc .groupeBouton {
	position: absolute;
	display: inline-block;
	float: right;
	right: 17px;
	bottom: -7px;
}
ul.rubDoc .groupeBouton a.bouton {
	margin-left: 10px;
}
ul.rubDoc .groupeBouton a.bouton.orange {
	right: 110px;
}

/* -------------------------------- */
/* STAGES et FORMATIONS				*/
/* -------------------------------- */
dl.boxCadre .stage {
	margin: 0;
	padding-right: 18px;
}
.stage dd a.inscription {
	position: relative;
	float: left;
	left: 168px;
	top: -12px;
}
#sessionOver h1 {
	color: #665751;
	font-weight: normal;
	font-style: normal;
}
#sessionOver .boxTitle {
	background-color: #b3aba8;
}
#sessionOver dl.boxCadre,
#sessionOver dl.boxCadre a,
#sessionOver dl.boxCadre dt {
	color: #b3aba8;
}


/* -------------------------------- */
/* COMMANDER						*/
/* -------------------------------- */
.bondeCom li {
	padding-top: 10px;
	padding-bottom: 13px;
	border-color: #a1af00;x
}
.boxRubrique.bondeCom h2 {
	font-size: 20px;
	line-height: 19px;
	color: #665751;
	margin: 0;
	width: 390px;
	text-align: left;
}
.boxRubrique.bondeCom h2 span {
	font: 24px/25px CalibriRegular, Arial, Helvetica, Geneva, sans-serif;
	color: #a1af00;
	display: block;
}
.bondeCom li a.bouton {
	float: right;
	margin-right: 2px;
	margin-top: -37px;
}

/* -------------------------------- */
/* FORMULAIRE						*/
/* -------------------------------- */
.formulaire_1 label {
	display: block;
}
.formulaire_1 input {
	width: 290px;
}
.formulaire_1 input,
.formulaire_1 textarea {
	height: 20px;
	border: 1px solid #d3d3d3;
}
.formulaire_1 .input-mini {
	width: 132px;
}
.formulaire_1 .input-medium {
	width: 214px;
}
.formulaire_1 .input-maxi {
	width: 322px;
	height: 104px;
}
.formulaire_1 p {
	margin-top: 4px;
	margin-bottom: 10px;
	margin-left: 0;
}
.formulaire_1 .rouge {
	color: #E85611;
}
.formulaire_1 label, .formulaire_1 .label {
    border-bottom: 1px dotted #D3D3D3;
    display: inline-block;
    float: left;
    padding-bottom: 1px;
    vertical-align: 3px;
    width: 160px;
}
.formulaire_1 [data-departement] {
	display: none;
}
.formulaire_1 label.checkbox-inline {
	width: 300px;
	border-bottom: none;
}

.formulaire_1 label.checkbox-inline input[type=checkbox] {
	width: auto;
	margin-right: 10px;
}

.formulaire_1 .rem_contact .block {
	float: left;
	display: block;
	width: 75%;
	margin-bottom: 10px;
}

button.disabled,
button.disabled:hover {
	background-color: #d1d1b3;
}

.clearfix {
	clear: both;
}

.formulaire_1 input[type="radio"] {
	display: inline;
	width: 20px;
}
.formulaire_1 .discret {
}

.formulaire_1 .erreur,
.formulaire_2 .erreur,
form .erreur {
	border:1px solid #d66775 !important;
}

/* -------------------------------- */
/* LIENS							*/
/* -------------------------------- */
ul.listePartenairesLien {
	margin: 0;
	padding: 0;
}
ul.listePartenairesLien h2 {
	padding: 0;
	margin: 10px 0 0;
}
ul.listePartenairesLien p {
	margin: 0 0 10px;
	padding: 0;
}
ul.listePartenairesLien a.lienUrl {
	font-size: 12px;
	background: url(../_image/base/ico-fleche.png) no-repeat 0 2px;
	padding-left: 20px;
}
.paragraphe ul.listePartenairesLien li {
    border-bottom: 1px solid #ecefcc;
	background: none;
	padding: 0;
}
.paragraphe ul.listePartenairesLien a {
	border: none;
}


/* -------------------------------- */
/* 	Navigation						*/
/* -------------------------------- */
.navigation {
	text-align: center;
}
.bulle {
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	        border-radius: 30px;
	background-color: #ecefcc;
	display: inline-block;
	border-style: none;
	background-image: none;
	width: 20px;
	padding: 9px;
}
.navigation strong {
	background-color: #a1af00;
	color: white;
}
.navigation a.bulle {
	text-decoration: none;
}
a.bulle:hover {
	background-color: #e85611;
	color: white;
}
.navigation .precedente span,
.navigation .suivante span {
	display: inline;
	font-size: 18px;
}
.navigation .precedente {
	margin-right: 30px;
}
.navigation .suivante {
	margin-left: 30px;
}


/*----------------------------------------------+
+ 			PAGE 404 ERREUR					    +
+----------------------------------------------*/
.erreur {
	/*text-align: center;*/
	/*padding: 10px 10px 20px;*/
}

.erreur h1 {
	color: #a1af00;
	font-size: 50px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: bold;
}
.erreur p strong {
	display: block;
	font-size: 22px;
	line-height: 1;
	margin-bottom: 10px;
}
.erreur .bouton {
	margin: 0 auto;
	width: 160px;
}

/* Boutique */
.center {margin:auto;font-size:20px;}