/* ****************************************************

	@file		  screen.css
	@description  Feuille de styles globale
	@version	  20091115

***************************************************** */

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

/*
 * @section Basic
******************************************************************************/

html {
	font-size: 62.5%;
}

html, body {
	height: 100%;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 130%;
	line-height: 1.4;
	color: #404040;
	background: #e5e2b1 url("../img/interface/bg-body.jpg") no-repeat top center;
	position: relative;
	behavior: url("/js/ie6/csshover.htc");
	-webkit-text-size-adjust: none;
}

p,ul,ol,table { margin-bottom: 1em; }
ul { margin-left: 20px; }
a { text-decoration: none; cursor: pointer; color: #387c2b; text-decoration: none; }
a:focus { outline: 1px dotted; }
a:visited {  }
a:hover, a:focus { color: #404040; }
a *, button * { cursor: pointer; }
hr { display: none; }
small { font-size: 90%; }
input, select, button, textarea, option { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }
button, label, select, option, input[type=submit] { cursor: pointer; }
.groupe:after, #form fieldset.infos-persos:after, #form fieldset.infos-persos div: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; }
#skipnav { margin: 0; position: absolute; left: -99999px; }
h1, h2, h3, h4, h5, h6 { line-height: 1.4; }

/*
 * @section Communs
******************************************************************************/

/*
 * @section Entête
******************************************************************************/

#entete {
	width: 100%;
	min-width: 961px;
	height: 153px;
}

#entete .entete-inner {
	width: 961px;
	margin: 0 auto;
	position: relative;
	height: 153px;
}

#entete #logo {
	position: absolute;
	top: 17px;
	left: 24px;
}

#entete #logo a {
	outline: none;
}

#navigation ul {
	float: right;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 32px;
	font-weight: bold;
	font-size: 110%;
}

#navigation ul li {
	float: left;
}

#navigation ul li a {
	height: 35px;
	float: left;
	padding-left: 8px;
	display: block;
	color: #404040;
}

#navigation ul li a span {
	float: left;
	height: 29px;
	display: block;
	padding: 6px 10px 0 2px;
}

#navigation ul li a:hover {
	color: #3B7F2C;
}

#navigation ul li.active a:hover,
#navigation ul li.active a {
	background: url("../img/interface/bg-nav-active-gauche.gif") no-repeat top left;
	color: #eddfc8;
	zoom: 1;
}

#navigation ul li.active a span {
	background: url("../img/interface/bg-nav-active-droite.gif") no-repeat top right;
}

#utilitaires {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	height: 33px;
	padding-left: 8px;
	font-size: 80%;
	line-height: 1;
}

#utilitaires ul {
	float: right;
	display: inline;
	background: url("../img/interface/bg-utilitaires-droite.gif") no-repeat top right;
	height: 33px;
	margin: 0;
}

#utilitaires ul li {
	float: left;
	display: inline;
	border-right: 1px solid #fff;
	height: 33px;
}

#utilitaires ul li.english {
	border-right: none;
}

#utilitaires ul li a {
	height: 21px;
	display: block;
	padding: 12px 13px 0;
	color: #404040;
	float: left;
	font-weight: bold;
}

#utilitaires ul li.premier a {
	background: url("../img/interface/bg-utilitaires-gauche.gif") no-repeat top left;
}

#utilitaires ul li.dernier a {
	color: #387c2c;
}

#utilitaires ul li.active a,
#utilitaires ul li a:hover {
	color: #387c2c;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	width: 240px;
	margin-left: -240px;
	text-align: right;
	background: #F9F7EA;
	border: 1px solid #E5E1B1;
	padding: 10px;
	font-size: 85%;
	font-weight: bold !important;
}
#tooltip h3, #tooltip div { margin: 0; font-weight: bold; background: none; height: auto; padding: 0; }

/*
 * @section Pied
******************************************************************************/

#page {
	height: auto !important;
	height: 100%; /* Pour IE6*/
	min-height: 100%;
}

#pied {
	clear: both;
	height: 17em;
	margin-top: -17em;
	position: relative;
	font-size: 80%;
	background: #E5E1B1;
}

#pied .pied-inner {
	width: 960px;
	margin: 0 auto;
}

#pied .infos {
	border-top: 1px solid #d1b46c;
	padding: 16px 27px;
}

#pied p {
	margin: 0;
}

#pied .col-1,
#pied .col-2,
#pied .col-3 {
	float: left;
}

#pied .col-1 { width: 555px; }
#pied .col-2 { width: 205px; }

#pied .col-2 img,
#pied .col-3 img {
	display: block;
	margin: 12px 0 0 0;
}

#pied .copyright {
	border-top: 1px solid #d1b46c;
	padding: 12px 27px 0;
}

#pied .copyright .p1 { float: left; }
#pied .copyright .p2 { float: right; }

/*
 * @section Contenu
******************************************************************************/

#contenu, #bp-contenu {
	padding-bottom: 16em;
}

#bp-contenu .contenu-top, #bp-contenu .contenu-bottom {
	width: 961px;
	margin: 0 auto;
	height: 7px;
	font-size: 0pt;
	background: url("../img/interface/bg-membres-top.gif") no-repeat top left;
}

#bp-contenu .contenu-bottom {
	background: url("../img/interface/bg-membres-bottom.gif") no-repeat bottom left;
}

#contenu .contenu-inner, #bp-contenu .contenu-inner {
	min-height: 270px;
}

/*
 * @section Contenu texte
******************************************************************************/

div.contenu-texte { width: 100%; overflow: hidden; }

div.contenu-texte h1 { font-size: 140%; margin: 0.1em 0 0.5em; }
div.contenu-texte h2 { font-size: 130%; margin: 1.1em 0 0.5em; }
div.contenu-texte h3 { font-size: 120%; margin: 1.1em 0 0.5em; }
div.contenu-texte h4 { font-size: 110%; margin: 1.1em 0 0.5em; }

div.contenu-texte h2.first-child { margin-top: 0.2em; }
div.contenu-texte h3.first-child { margin-top: 0.2em; }

div.contenu-texte ul { margin-left: 0; }
div.contenu-texte ul li { list-style: disc; margin-bottom: 0.2em; margin-left: 20px; }
div.contenu-texte ol { margin-left: 32px; }
div.contenu-texte ol li { list-style: decimal; margin-bottom: 0.2em; margin-left: 20px; }
div.contenu-texte ul li.item-pdf { list-style: none; margin-bottom: 0.4em; margin-left: 0; padding-left: 22px; background: url("../img/interface/ico-pdf.gif") no-repeat 0 1px; }

div.contenu-texte blockquote { background: #f7f5de; color: #594c1b; font-style: italic; padding: 15px 15px 2px; margin: 0 0 1em; font-size: 90%; }


div.actions-bas { position: absolute; bottom: 0; left: 0; height: 50px; width: 100%; }
div.actions-bas .retour { float: left; margin: 10px 0 0 0; padding: 0 0 0 30px; }
div.actions-bas .retour a { float: left; background: url("../img/interface/btn-retour.gif") no-repeat 0 50%; padding: 1px 1px 2px 17px; }

p.haut { margin: 10px 0 0; float: right; padding: 0 30px 0 0; }
p.haut a { float: right; display: block; text-indent: -9999px; width: 21px; height: 19px; background: url("../img/interface/btn-haut.gif") no-repeat; outline: none; }

div.contenu-texte .photo { float: right; margin: 0 0 1em 1em; }
div.contenu-texte .photo img { float: none; }
div.contenu-texte img { float: right; margin: 0 0 1em 1em; }

div.contenu-texte .flotte-gauche img { float: left; margin: 0 1em 1em 0; }

/*
 * @section Formulaires
******************************************************************************/

form .message {
	font-size: 90%;	
	padding: 15px 15px 5px;
	margin: 0 0 1.4em;
}

form .message-erreurs {
	color: #a00;
	background: #fee;
}
/* raf */
body form .inline {
	margin-top: 4px;
	background: transparent;
}
form li.champ-erreur {
	background: #fee;
}
form.ix-formulaire ul.champs li {
	padding: 0 8px 4px;
}

form .message-succes {
	background: #f0ffee;
	color: #123e0d;
}

form ul.champs {
	margin-left: 0;
	margin-top: 2em;
}

form ul.champs li {
	margin: 0 0 0.8em;
	clear: both;
	width: 100%;
	overflow: hidden;
}

form ul.champs li textarea,
form ul.champs li input,
form ul.champs li select {
	display: block;
	margin-top: 3px;
	border: 1px solid #D1B46C;
	padding: 4px;
	width: 370px;
}

form ul.champs li select {
	padding: 0;
	width: 378px;
}

form ul.champs li label {
	float: left;
	width: 200px;
	padding: 7px 0 0 0;
}

form ul.champs li label em.o {
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	color: #397C2D;
}

form ul.champs li.bouton {
	padding-left: 200px;
}

form ul.champs li.bouton button {
	background: #397C2D;
	color: #fff;
	font-weight: bold;
	border: none;
	padding: 5px 14px;
}

/*
 * @section Entêtes
******************************************************************************/

body.section-cribiq #contenu, body.section-commande #contenu  { background: url("../img/interface/bg-cribiq-entete.jpg") no-repeat top center; }
body.section-cribiq #page.lang-en #contenu { background: url("../img/interface/bg-cribiq-entete-en.jpg") no-repeat top center; }
body.section-programme-recherche #contenu { background: url("../img/interface/bg-programme-entete.jpg") no-repeat top center; }
body.section-programme-recherche #page.lang-en #contenu { background: url("../img/interface/bg-programme-entete-en.jpg") no-repeat top center; }
body #bp-contenu { background: url("../img/interface/bg-membres-entete.jpg") no-repeat top center; }
body.section-cribiq #section-titre a { left: 17px; top: -80px; width: 216px; height: 50px; }
body.section-programme-recherche #section-titre a { left: 17px; top: -80px; width: 516px; height: 50px; }
#bp-contenu #section-titre a { left: 17px; top: -88px; width: 312px; height: 50px; }

/*
 * @section Pages statiques
******************************************************************************/

body.template-statique span.plus {
	background-image: url("../img/interface/ico-plus-alt.gif");
}

body.template-statique #contenu {
	padding-top: 114px;
}

body.template-statique #contenu .contenu-inner {
	width: 961px;
	margin: 0 auto;
	position: relative;
}

#bp-contenu #section-titre, body.template-statique #contenu .contenu-inner #section-titre { margin: 0; }
#bp-contenu #section-titre a, body.template-statique #contenu .contenu-inner #section-titre a { outline: none; display: block; position: absolute; text-indent: -9999px; }

body.template-statique #texte {
	float: right;
	width: 703px;
	position: relative;
}

body.template-statique #texte.full-width {
  float: none;
	width: 100%;
	position: relative;
}

body.template-statique #texte #section-title {
	font-size: 180%;
	border-bottom: 1px solid #e1c89e;
	padding: 0 0 0.25em;
	margin: 0 0 0.7em;
	font-weight: bold;
	line-height: 1.4;
}

body.template-statique #texte #section-title a {
	color: #404040;
}

body.template-statique #texte .bottom,
body.template-statique #texte .top {
	font-size: 0pt;
	height: 7px;
	width: 100%;
	background: url("../img/interface/bg-texte-top.gif") no-repeat top left;
}

body.template-statique #texte .bottom {
	background-image: url("../img/interface/bg-texte-bottom.gif");
}

body.template-statique #texte .texte-inner {
	padding: 18px 27px 65px;
	background: #fff;
	min-height: 300px;
}

body.template-statique #sidebar {
	float: left;
	width: 250px;
}

body.template-statique #sidebar ul {
	margin: 0;
	background: #e5e2b1 url("../img/interface/bg-sidebar.jpg") no-repeat top left;
	padding: 27px 17px 14px;
	font-weight: bold;
	font-size: 102%;
	line-height: 1.3;
}

body.template-statique #sidebar ul li {
	border-bottom: 1px solid #dac087;
}

body.template-statique #sidebar ul li.dernier {
	border-bottom: none;
}

body.template-statique #sidebar ul li strong, 
body.template-statique #sidebar ul li a {
	display: block;
	padding: 10px 13px;
	height: 1%;
}

body.template-statique #sidebar ul li.active a,
body.template-statique #sidebar ul li a:hover {
	background: #e1d4a1;
}

body.template-statique #sidebar ul li.active a {
	color: #404040;
}
 
body.template-statique #sidebar .bottom {
	background: url("../img/interface/bg-sidebar-bottom.gif") no-repeat bottom left;
	font-size: 0pt;
	height: 7px;
	width: 100%;
}

/*
 * @section Pages "customs"
******************************************************************************/

body.template-cribiq-liste-membres .contenu-texte ul {
	margin-left: 0;
}
body.template-cribiq-liste-membres .contenu-texte h2 {
	padding: 5px;
	margin-bottom: 2em;
	background: #f0e9d0;
}
body.template-cribiq-liste-membres .contenu-texte ul li {
	float: left;
	list-style: none;
	height: 65px;
	margin-bottom: 1.5em;
}

body.template-cribiq-liste-membres .contenu-texte ul li a,
body.template-cribiq-liste-membres .contenu-texte ul li img {
	float: left;
}


/*
 * @section Accueil
******************************************************************************/

span.plus {
	background: url("../img/interface/ico-plus.gif") no-repeat center center;
	padding: 2px 6px 4px;
	margin-left: 4px;
}

body.template-accueil p.tous a strong {
	text-decoration: underline;
}

body.template-accueil #intro {
	width: 100%;
	height: 295px;
	background: url("../img/interface/bg-intro-accueil.jpg") no-repeat top center;
}

body.template-accueil #page.lang-en #intro {
	background: url("../img/interface/bg-intro-accueil-en.jpg") no-repeat top center;
}

body.template-accueil #intro .intro-inner {
	width: 961px;
	margin: 0 auto;
	position: relative;
	height: 295px;
}

body.template-accueil #intro .texte {
	width: 222px;
	color: #ffffff;
	position: absolute;
	top: 50px;
	right: 18px;
}

body.template-accueil #intro .texte .inner {
	position: absolute;
	top: 0;
	right: 0;
}

body.template-accueil #intro .bouton {
	margin: 0;
	font-weight: bold;
	text-align: center;
}

body.template-accueil #intro .bouton a {
	display: block;
	color: #ccdcc9;
	width: 224px;
	height: 35px;
	background: url("../img/interface/btn-membre.jpg") no-repeat top left;
	line-height: 35px;
	font-size: 115%;
	position: absolute;
	bottom: 19px;
	right: 21px;
	outline: none;
}

body.template-accueil #intro .bouton a:hover {
	color: #fff;
}

body.template-accueil #contenu {
	width: 961px;
	margin: 0 auto;
	background: url("../img/interface/bg-accueil-colonnes.gif") no-repeat top center;
}

body.template-accueil #contenu h2 {
	font-weight: normal;
	font-size: 150%;
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding: 7px 0 4px 40px;
	margin: 0 0 0.8em;
}

body.template-accueil #contenu .evenements {
	width: 310px;
	float: left;
	min-height: 250px;
	background: #e5e2b1 url("../img/interface/bg-accueil-evenements.jpg") no-repeat top left;
}

body.template-accueil #contenu .evenements h2 { background-image: url("../img/interface/ico-evenements.gif"); }
body.template-accueil #contenu .nouvelles h2 { background-image: url("../img/interface/ico-nouvelles.gif"); }

body.template-accueil #contenu .evenements .evenements-inner {
	padding: 15px 27px;
}

body.template-accueil #contenu .evenements ul {
	margin: 0;
}

body.template-accueil #contenu .evenements ul li {
	border-bottom: 1px solid #d5bb78;
	padding: 0 0 1em;
	margin: 0 0 1em;
}

body.template-accueil #contenu .evenements ul li span {
	display: block;
	margin: 0 0 0.2em;
	font-size: 90%;
}

body.template-accueil #contenu .nouvelles {
	width: 643px;
	float: right;
	background: #e5e2b1 url("../img/interface/bg-accueil-nouvelles.jpg") no-repeat top right;
}

body.template-accueil #contenu .nouvelles .nouvelles-inner {
	padding: 15px 27px;
}

body.template-accueil #contenu .nouvelles ul {
	margin: 0;
}

body.template-accueil #contenu .nouvelles ul li {
	border-bottom: 1px solid #d5bb78;
	padding: 0 0 1em;
	margin: 0 0 1em;
}

body.template-accueil #contenu .nouvelles ul li p.categorie {
	font-size: 90%;
	margin: 0 0 0.2em;
}

body.template-accueil #contenu .nouvelles ul li h3 {
	font-size: 120%;
	margin: 0 0 0.3em;
}

/*
 * @section Erreur 404
******************************************************************************/

body.template-erreur #erreur {
	margin: 0 auto 0;
	width: 960px;
}

body.template-erreur #erreur .erreur-inner {
	background: #397C2D;
	color: #fff;
	padding: 15px 20px;
}

body.template-erreur #erreur .erreur-inner h1 {
	font-size: 160%;
}

body.template-erreur #erreur .erreur-texte {
	padding: 17px 20px 30px;
	background: #fff;
	border: 1px solid #397C2D;
	min-height: 200px;
}

/*
 * @section Nouvelles
******************************************************************************/

body.template-nouvelles-liste .texte-inner ul {
	margin: 0;
}

body.template-nouvelles-liste .texte-inner ul li {
	background: url("../img/interface/ico-bullet.gif") no-repeat 1px 16px;
	padding: 12px 13px;
	border-bottom: 1px solid #e1c89e;
}

body.template-nouvelles .texte-inner p.date {
	font-size: 90%;
	margin: 0 0 0.3em;
}

body.template-nouvelles-liste .texte-inner ul li h3 {
	margin-top: 0;
}

body.template-nouvelles-detail .texte-inner h1 {
	font-size: 150%;
	margin: 0 0 0.8em;
}

body.template-nouvelles-detail .texte-inner a.lien-pdf {
	padding: 1px 1px 1px 22px; 
	background: url("../img/interface/ico-pdf.gif") no-repeat 0 1px;
}

/*
 * @section Événements
******************************************************************************/

body.template-evenements .colonne-principale {
	width: 402px;
	float: left;
}

body.template-evenements .colonne-principale h1 {
	font-size: 150%;
	margin: 0 0 0.7em;
}

body.template-evenements .colonne-principale h2 {
	font-size: 120%;
	margin: 0 0 0.5em;
}

body.template-evenements-liste .colonne-principale ul {
	margin: 0;
}

body.template-evenements-liste .colonne-principale ul li {
	background: url("../img/interface/ico-bullet.gif") no-repeat 1px 16px;
	padding: 12px 13px;
	border-bottom: 1px solid #e1c89e;
}

body.template-evenements-liste .colonne-principale ul li p.date {
	font-size: 90%;
	margin: 0 0 0.3em;
}

body.template-evenements .colonne-secondaire {
	width: 222px;
	float: right;
}

/*
 * @section Calendrier
******************************************************************************/

#calendrier {
	background:#e5e2b1;
	padding:10px;
	margin-bottom:15px;
}

#calendrier .entete-calendrier {
	margin: 0 0 10px;
	padding: 0 3px 0 2px;
}

#calendrier .entete-calendrier li {
	list-style: none;
	float: left;
	padding: 0;
}

#calendrier .entete-calendrier li.mois {
	text-align: center;
	width: 143px;
	font-weight: bold;
	color: #1b4664;
	line-height:25px;
	font-size: 110%;
	text-transform:uppercase;
}

#calendrier .entete-calendrier li.mois a {
	color: #000000;
	text-decoration:none;
}

#calendrier .entete-calendrier li.precedent span, #calendrier .entete-calendrier li.suivant span,
#calendrier .entete-calendrier li.precedent a, #calendrier .entete-calendrier li.suivant a {
	display: block;
	width: 27px;
	height: 17px;
	margin: 4px 0 0 0;
	overflow: hidden;
}

#calendrier .entete-calendrier li.precedent span,
#calendrier .entete-calendrier li.precedent a {
	background: url(../img/interface/btn-calendrier-nav.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#calendrier .entete-calendrier li.precedent a:hover {
	background-position: bottom left;
}

#calendrier .entete-calendrier li.suivant span, 
#calendrier .entete-calendrier li.suivant a {
	background: url(../img/interface/btn-calendrier-nav.gif) no-repeat 100% 0;
	text-indent:-9999px;
}

#calendrier .entete-calendrier li.suivant a:hover {
	background-position: bottom right;
}

#calendrier ul.legende {
	margin: 0 0 1em;
	font-size: 80%;
}

#calendrier ul.legende li {
	border-left: 30px solid red;
	padding-left: 6px;
	margin: 0 0 0.5em;
}

#calendrier p.tous {
	margin: 0;
	font-size: 80%;
	font-weight: bold;
}

#calendrier .table-wrap {
	font-size:.9em;
	margin-bottom:1em;
}

#calendrier table {
	width: 201px;
	margin: 0;
	font-size: 90%;
}

#calendrier table td, #calendrier table th {
	text-align: center;
	background:#fff;
	line-height: 20px;
	font-weight:normal;
	border: 2px solid #e5e2b1;
	height: 18px;
	width: 26px;
}


#calendrier table th abbr {
	border: none;
	cursor: help;
}

#calendrier table td span, #calendrier table td a {
	display: block;
	text-decoration:none;
	width: 25px;
}

#calendrier table th.weekend, #calendrier table td.weekend {
	background:#faffdf;
}

#calendrier td a {
	color: #000;
}

#calendrier table td.today {
	font-weight:bold;
}

#calendrier ul.legende li.type-cribiq { border-color: #7bc143; }
#calendrier table td.cribiq { background: #7bc143; }

#calendrier ul.legende li.type-cqvb { border-color: #75c2df; }
/* #calendrier table td.cqvb { background: #75c2df; } */
#calendrier table td.cqvb { background: #7bc143; }

#calendrier ul.legende li.type-autres { border-color: #c79f7e; }
/* #calendrier table td.autres { background: #c79f7e; } */
#calendrier table td.autres { background: #7bc143; }

#calendrier table td.cqvb-autres { background: #7bc143; /*background: url("../img/interface/bg-calendrier-3.gif") no-repeat 50% 50%;*/ }
#calendrier table td.cqvb-cribiq { background: #7bc143; /*background: url("../img/interface/bg-calendrier-2.gif") no-repeat 50% 50%;*/ }
#calendrier table td.cribiq-autres { background: #7bc143; /*background: url("../img/interface/bg-calendrier-1.gif") no-repeat 50% 50%;*/ }
#calendrier table td.cribiq-autres-cqvb { background: #7bc143; /*background: url("../img/interface/bg-calendrier-4.gif") no-repeat 50% 50%;*/ }

/*
 * @section BuddyPress
******************************************************************************/

#bp-contenu {
	padding-top: 114px;
	font-size: 95%;
}

#bp-contenu .contenu-inner {
	width: 961px;
	margin: 0 auto;
	background: #fff;
	position: relative;
}

#documentation-directory-page .etat {
	font-size: 90%;
}

#documentation-directory-page .etat p {
	margin: 0;
}

#documentation-directory-page table {
	width: 100%;	
	margin: 0.9em 0;
}

#documentation-directory-page table th,
#documentation-directory-page table td {
	border: 1px solid #ccc;
	padding: 4px 6px;
}

#documentation-directory-page table th {
	background: #eee;
}

#documentation-directory-page table th a {
	color: #555;
}

#documentation-directory-page .ajout {
	margin: 2em 0 0;
}

#ix-restricted-login {
	width: 100%;
	overflow: hidden;
	padding: 15px 0 0 0;
}

#ix-restricted-login h1 {
	font-weight: bold;
	font-size: 140%;
	margin: 0 0 0.7em;
}

#ix-restricted-login .intro {
	float: left;
	width: 68%;
}

#ix-restricted-login .intro .english-notice {
	background: #F7F5E6;
	padding: 10px 10px 1px;
	margin: 0 0 1em;
	font-weight: bold;
	color: #397C2C;
	font-size: 110%;
}

#ix-restricted-login .formulaire {
	float: right;
	width: 29%;
}

#ix-restricted-login .formulaire form {
	background: #F5F4E2;
	padding: 20px 20px 15px;
	border: 1px solid #E5E1B1;
	border-right-width: 2px;
	border-bottom-width: 2px;
}

#ix-restricted-login .formulaire .champ label {
	font-weight: bold;
}

#ix-restricted-login .formulaire .champ input {
	display: block;
	padding: 3px;
	width: 210px;
	margin: 4px 0 0 0;
}

#ix-restricted-login .formulaire .cache {
	display: none;
}

#ix-restricted-login .formulaire .bouton {
	margin-top: 1.3em;
	margin-bottom: 0;
}

#ix-restricted-login .formulaire button {
	background: #C3912B;
	color: #fff;
	border: none;
	font-weight: bold;
	padding: 5px 9px;
}

#ix-restricted-login .motdepasseoublie {
	margin: 1em 0 0;
}


#bp-contenu #logout-link {
	float: right;
	display: inline;
	margin: 11px 20px 0 0;
	padding: 10px;
	background: #EAE6C0;
	font-size: 90%;
}

#bp-contenu #logout-link img {
	border: none;
	float: left;
}

#bp-contenu #logout-link span {
	display: block;
	margin-left: 39px;
}

#bp-contenu #logout-link strong {
}

#bp-contenu #logout-link em {
	font-style: normal;
}

#bp-contenu #logout-link em a {
	color: #a5a16c;
}

#bp-contenu .directory-widget .texte {
	margin: 0 0 1em;
}

#bp-contenu .directory-widget .retour {
	margin: 1em 0 0;
}

#bp-contenu .membres-filtre {
	margin: 0 0 1em;
}

#bp-contenu .membres-filtre ul {
	margin: 0 0 0 4px;
}

#bp-contenu .membres-filtre ul li {
	margin: 0 0 8px;
}

#bp-contenu .documentation-filtre {
	margin: 0 0 1em;
}

/*
 * @section Formulaire d’ajout de document
******************************************************************************/

#bp-contenu #documentation-directory-page .ajout .toggle {
	width: 100%; overflow: hidden;
}

#bp-contenu #documentation-directory-page .ajout .toggle a {
	background: url("../membres/wp-content/themes/bp-default/_inc/images/add_friend_icon.gif") no-repeat 0 50%;
	padding: 1px 1px 1px 19px;
}

#bp-contenu #documentation-directory-page .ajout .form {
	background: #F5F4E2;
	padding: 20px 20px 15px;
	border: 1px solid #E5E1B1;
	border-right-width: 2px;
	border-bottom-width: 2px;
	width: 430px;
}

#bp-contenu #documentation-directory-page .ajout .form ul {
	margin: 0;
}

#bp-contenu #documentation-directory-page .ajout .form ul li {
	margin: 0 0 7px;
}

#bp-contenu #documentation-directory-page .ajout .form .bouton {
	margin: 1.5em 0 0 0;
}

#bp-contenu #documentation-directory-page .ajout .form .bouton button {
	background: #C3912B;
	color: #fff;
	border: none;
	font-weight: bold;
	padding: 5px 9px;
}

#bp-contenu #documentation-directory-page .ajout .form label {
	font-weight: bold;
}

#bp-contenu #documentation-directory-page .ajout .form li textarea,
#bp-contenu #documentation-directory-page .ajout .form li select,
#bp-contenu #documentation-directory-page .ajout .form li input {
	display: block;
	padding: 3px;
	width: 410px;
	margin: 4px 0 0 0;
}

#bp-contenu #documentation-directory-page .ajout .form li.erreur textarea,
#bp-contenu #documentation-directory-page .ajout .form li.erreur select,
#bp-contenu #documentation-directory-page .ajout .form li.erreur input {
	border: 1px solid #a00;
}

#bp-contenu #documentation-directory-page .ajout .form .erreur label {
	color: #a00;
}

#bp-contenu #documentation-directory-page .ajout .form .message {
	font-size: 90%;
	padding: 8px 10px 1px;
	margin: 0 0 1em;
	font-weight: bold;
	color: #fff;
}

#bp-contenu #documentation-directory-page .ajout .form .message p {
	margin: 0 0 0.6em;
}

#bp-contenu #documentation-directory-page .ajout .form .message-erreurs {
	background: #a00;
}

#bp-contenu #documentation-directory-page .ajout .form .message-succes {
	background: #387B2C;
}

/*
 * @section Formulaire d’ajout de document
******************************************************************************/

#bp-contenu #documentation-directory-detail #documentation {
	padding: 0 8px;
}

#bp-contenu #documentation-directory-detail #documentation #section-title {
	font-size: 130%;
	font-weight: bold;
}

#bp-contenu #documentation-directory-detail #documentation .description {
	border-bottom: 1px solid #ddd;
	padding: 0 0 0.5em;
	margin: 0 0 1.5em;
}

#bp-contenu #documentation-directory-detail #documentation .details {
	line-height: 1.6;
}

/* Form  {{{
******************************************************************************/
#form legend {
  display: none; }
#form fieldset {
  padding: 0;
  margin: 0;
  border: none; }
#form p {
  margin: 0;
  padding: 0; }
  
#form .notice-rouge {
  color: red; } 
#form h2 {
  margin-top: 22px; }
#form fieldset.infos-persos {
  margin-bottom: 0px; }
  #form fieldset.infos-persos div {
    margin-bottom: 15px; }
    #form fieldset.infos-persos div label {
      width: 170px;
      float: left;
      padding-top: 4px; }
    #form fieldset.infos-persos div input {
      border: 1px solid #afafaf;
      float: left;
      width: 240px;
      height: 1.5em; }
    #form fieldset.infos-persos div select {
      float: left; }
    #form fieldset.infos-persos div input#codePostal {
      width: 70px; }
    #form fieldset.infos-persos div input#telephone {
      width: 100px; }
    #form fieldset.infos-persos div input.erreur, #form fieldset.infos-persos div select.erreur {
      border: 1px solid red;
    }
#form #soumettre {
  margin: 20px 0 5px 0; }

#form .nouveautes { margin: 10px 0 35px 0}

#form h1.first-title {
  margin-bottom: 5px; }
#form p.notice {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 22px; }
#form .deroulant-province {
  display: none; }
#form img {
  float: none;
  margin: 0;
  padding: 0;
}
/*}}}*/

body.section-commande #form-command  #info-sup {
  margin-bottom: 15px;
}

body.section-commande #form-command #informations-generales {
  margin-top: 15px;
}

body.section-commande #form-command  p.fat {
  margin: 1em 0;
}
body.section-commande #form-command  p.notice {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 22px; 
}
body.section-commande #form-command p.notice.slim{
  margin-bottom: 0;
}

/*#wchoix { width: 90%;}*/

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }