/* 	Couleurs (thèmes)
====================================================================
1.	theme-1 (bleu): 				767C9B
2.	theme-2 (orange): 			F8AE00
3.	theme-3 (vert-foncé): 	738200
4.	theme-4 (rouge):  			C00717
5.	theme-5 (vert-pâle): 		99B258
=================================================================== */


/* Layout
=================================================================== */
* {
	margin: 0;
	padding: 0;
	}
body {
	background: #030823 url(../images/bg_body.gif) repeat-x 0% 0%;
	color: #000;
	font: 0.8125em/1.4 Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}
#wrap {
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	width: 956px;
	}
/* ----------- header -------------------------------------------- */
#header {
	background-color: #3a4572;
	height: 100px;
	margin: 0;
	padding: 0;
	}
/* ----------- menu principal ------------------------------------ */
#mainnav,
#subnav {
	background-color: #022047;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	}
/* ----------- sous-menu ----------------------------------------- */
#subnav,
#content {
	background-color: #fff;
	clear: both;
	}

/* ----------- contenu principal --------------------------------- */
#content {
	float: left;
	padding-bottom: 5em;
	width: 956px;
	}
.rubrique {
	float: left;
	margin: 1.5em 0;
	padding: 0 0 2em 0;
	}
.columnLeft,
.columnRight {
	float: left;
	width: 468px;
	}
.gutter {
	margin: 3em 0;
	padding: 10px;
	}
/* ---------- pied de page -------------------------------------- */
#footer {
	background: #91a5ba url(../images/bg_footer.gif) repeat-x left top;
	clear: both;
	color: #fff;
	font-size: 90%;
	margin: 0;
	padding: 0.5em 0 2em 0;
	text-align: center;
	}



/* Contenu principal
=================================================================== */

/* ---------- titres ---------------------------------------------- */
h1 {
	background: url(../images/header.gif) no-repeat left top;
	height: 100px;
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	width: 956px;
	}
h2 {
	font-family: 'Open Sans';
	font-size: 2.5em;
	font-weight: 800;
	letter-spacing: -0.05em;
	line-height: 1.1;
	margin-bottom: 1em;
	}
h2 span {
	background-color: #767C9B;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: white;
	padding: 0.05em 0.3em;
}
body#accueil h2 span,
body#membres h2 span,
body#actions h2 span {
	background-color: #767C9B;
	}
body#presentation h2 span,
body#questions h2 span,
body#colloques h2 span {
	background-color: #F8AE00;
	}
body#adhesion h2 span,
body#liens h2 span {
	background-color: #738200;
	}
h3 {
	color: #767C9B;
	font-size: 130%;
	font-weight: bold;
	margin: 3em 0 0.5em 0;
	}
h3.erreur {
	background: url(../images/attention.gif) no-repeat 0% 50%;
	padding: 10px 0 10px 35px;
	}
body#accueil h3,
body#membres h3,
body#actions h3 {
	color: #767C9B;
	}
body#presentation h3,
body#questions h3,
body#colloques h3 {
	color: #F8AE00;
	}
body#adhesion h3,
body#liens h3 {
	color: #738200;
	}
body#presentation .rubrique h3,
body#adhesion .rubrique h3 {
	color: #fff;
	font-size: 175%;
	line-height: 1em;
	}
body#adhesion div#choixAdhesion h3 {
	color: #000;
	}
body#presentation .rubrique h3,
body#adhesion .rubrique h3 {
	margin: 0.5em 0 1em 0;
	}
body#bourses-form h3 { padding-left: 208px; }
h4 {
	font-size: 110%;
	font-weight: bold;
	margin: 1.5em 0 0 0;
	}
h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 1.5em 0 0 0;
	}
h5+p,
h5+ul,
h5+ol,
h5+dt {
	margin-top: 0.5em;
	}
/*---------- texte ------------------------------------------------ */
p {
	margin: 1.5em 0 0 0;
	}
p.haut {
	background:  url(../images/haut.gif) no-repeat 100% 50%;
	clear: both;
	padding-right: 17px;
	text-align: right;
	}
h4+p {
	margin-top: 0.5em;
	}
blockquote {
	background: url(../images/citation_g.gif) no-repeat 0% 0%;
	color: #738200;
	line-height: 1em;
	margin: 1.5em 3em 2em 3em;
	padding: 0;
	text-align: center;
	}
blockquote p.quote {
	background: url(../images/citation_d.gif) no-repeat 100% 100%;
	margin: 0;
	padding: 10px 26px;
	}
blockquote p.author {
	margin: 0;
	padding: 0 26px;
	}
.note {
	font-size: 90%;
	font-style: italic;
	}
.bold,
strong,
b {
	font-weight: bold;
	}
.italic,
em,
i {
	font-style: italic;
	}
.boldItalic {
	font-style: italic;
	font-weight: bold;
	}
acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
	text-decoration: none;
	}
.update {
	text-decoration: line-through;
	}
.updateText {
	color: #c00717;
	}
.centrer {
	text-align: center;
	}
.attention {
	color: red;
	font-weight: bold;
	}
.emphase {
	background: #fbd690;
	border: 1px solid #f8ae26;
	border-left: 0;
	border-top: 0;
	-moz-box-shadow: 2px 2px 2px #a8761a;
	-webkit-box-shadow: 2px 2px 2px #a8761a;
	box-shadow: 2px 2px 2px #a8761a;
	margin: 2em auto;
	padding: 10px 10px 2em 10px;
	/* text-align: center; */
	width: 600px;
	}
.annonce,
.presentations {
	background-color: #F0EEDB;
	font-size: 90%;
	margin-left: 280px;
	padding: 5px 10px 10px 10px;
	width: 350px;
	}
.presentations ul {
	list-style: none;
	margin-left: 0;
	}
.presentations li {
	margin: 0 0 12px 0;
	overflow: auto;
	}
.presentations li img {
	float: left;
	margin: 0 10px 10px 0;
	}
.presentations li a {
	display: block;
	}
.presentations li p {
	margin-top: 0;
	}

.important {
	background: url(../images/icone_important.png) no-repeat 0 0;
	padding: 5px 0 5px 40px;
}

/* section "Adhésion" */
#choixAdhesion h4 {
	margin-top: 2.5em;
	}

/* images */
#content .mainimg {
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
	}
#content .mainimg.right {
	float: right;
	margin: 0 0 15px 15px;
	}
.gallerie-photos {
    background: url(../images/icone_photo_camera.png) no-repeat 0 50%;
    padding: 8px 0 8px 30px;
	}

/* ---------- rubriques -------------------------------------------- */
body#presentation .rubrique {
	background: #fce3a1 url(../images/bg_rubriques.gif) repeat-x left bottom;
	}
body#adhesion .rubrique {
	background: #ccd8aa url(../images/bg_rubriques.gif) repeat-x left bottom;
	}
.columnLeft {
	background: url(../images/coinHG_blanc.gif) no-repeat left top;
	}
.columnRight {
	background: url(../images/coinHD_blanc.gif) no-repeat right top;
	}

/* ---------- listes ----------------------------------------------- */
ul, ol {
	margin: 1em 0 0 2em;
	padding: 0;
	}
ul {
	list-style-type: square;
	}
ol {
	list-style-type: decimal;
	}
ul#liensRapides {
	font-size: 90%;
	}
ul li ul,
dd ul {
	list-style-type: square;
	margin: 0.33em 0 0 2em;
	padding: 0;
	}
ul li,
ol li {
	margin: 0.33em 0 0 0;
	padding: 0;
	}
dl {
	margin: 0 0 0 0;
	padding: 0;
	}
dt {
	font-size: 100%; /*130%*/
	font-weight: bold;
	margin: 1.5em 0 0 0;
	}
dt.titre {
	margin-bottom: 1.5em;
	}
dl.thumbnail dt {
	margin-top: 1em;
	}
dl.thumbnail dt img { /* image doit avoir une taille max de 70x70 */
	border: 1px solid #000;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	}
dl.thumbnail dd {
	margin: 0.33em 0 0 80px;
	}
dl#vignetteColloque dt {
	color: #738200;
	}
dl#vignetteColloque dd {
	margin: 0.33em 0 0 145px;
	}
body#liens dl.thumbnail dd {
	margin-left: 60px;
	}

.item { margin: 3em 0 1.5em 0; padding: 0 0 1em; width: 936px; }
.item-img { float: left; margin: 0; padding: 0; width: 155px; }
.item-details { float: right; margin: 0; padding: 0; width: 741px; }
.item h3 { margin-top: 0; }
.item-img img {	border: 1px solid #000; }


/* Section "colloques" */
#colloque-actuel { float: left; width: 500px; }
#colloque-actuel ul.liens-utiles {  background-color: #F0EEDB; float: right; list-style: none; margin: 0 0 10px 10px; padding: 10px; width: 200px; }
#colloque-actuel .annonce { background-color: #F0EEDB; margin: 2em 0; padding: 20px; }



/* sections "liens" */
body#liens #content ul {
	float: left;
	list-style-type: none;
	margin: 1.5em 0;
	width: 936px;
	}
body#liens #content ul li {
	float: left;
	margin: 0 10px 1.5em 0;
	padding: 0;
	width: 458px;
	}
body#liens #content li img {
	border: 1px solid #000;
	float: left;
	width: 52px;
	}
body#liens #content li a {
	float: right;
	width: 396px;
	}


/* ---------- hyperliens -------------------------------------------- */
#actualites h3 a:link {
	color: #c00717;
	text-decoration: none;
	}
#actualites h3 a:visited {
	color: #c00717;
	text-decoration: none;
	}
#actualites h3 a:hover {
	color: #c00717;
	text-decoration: underline;
	}
#actualites h3 a:active {
	color: #c00717;
	text-decoration: none;
	}
#content a:link {
	color: #0000ee;
	text-decoration: underline;
	}
#content a:visited {
	color: #3a4572;
	text-decoration: underline;
	}
#content a:hover {
	text-decoration: none;
	}
#content a:active {
	color: #0000ee;
	text-decoration: underline;
	}
#content img.mainimg {
	border: 1px solid #000;
	}
#content p.haut a:link,
#content p.haut a:visited,
#content p.haut a:hover,
#content p.haut a:active {
	color: #0000ee;
	}


/*---------- tables -------------------------------------------------- */
table {
	background: #DEE4EA;
	border-top: 1px solid #C1CCD8;
	border-right: 1px solid #C1CCD8;
	border-collapse: collapse;
	margin: 2em 0 0 0;
	padding: 0;
	width: 99%;
	}
table.cols-3 th, table.cols-3 td {
	width: 33%;
	}
th, td {
	border-bottom: 1px solid #C1CCD8;
	border-left: 1px solid #C1CCD8;
	margin: 0;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	}
th {
	background-color: #5F6C79;
	color: #fff;
	font-weight: normal;
	}
tr:nth-of-type(2n-1) {
	background-color: #CFD8E1;
	}
td ul {
	margin-left: 1em;
	}



body#membres table {
	background: #f1f2e5;
	border-collapse: collapse;
	margin: 2em 0 0 0;
	padding: 0;
	width: 99%;
	}
body#membres table th,
body#membres table td {
	margin: 0;
	padding: 10px 5px;
	text-align: left;
	vertical-align: top;
	}
body#membres table th {
	color: #fff;
	font-weight: normal;
	}
body#membres table th.region {
	background: #738200 url(../images/coinHG_blanc.gif) no-repeat left top;
	font-size: 100%;
	}
body#membres table th.membres {
	background: #738200 url(../images/coinHD_blanc.gif) no-repeat right top;
	font-size: 100%;
	}
body#membres table tr.alt {
	background: #d8dacb;
	}
body#membres table td.adresse {
	border-left: 1px solid #BABBAE;
	width: 30%;
	}
body#membres table td.adresse div {
	float: left;
	}

/* images */
img.drapeau {
	border: 1px solid #000;
	float: left;
	margin: 0 5px 3px 0;
	padding: 0;
	}

/* hyperliens */
#membres td a:link,
#membres td a:visited {
	color: #000;
	text-decoration: underline;
	}
#membres td a:hover {
	text-decoration: none;
	}
#membres td a:active {
	color: #000;
	text-decoration: underline;
	}

/* tooltips pour personnes contact */
#membres td a {
	position: relative;
	}
#membres td a span {
	display: none;
	width: 300px;
	}
#membres td a:hover span {
	background-color: #fff;
	border: 1px solid #333900;
	display: block;
	padding: 10px;
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 100;
	}

/* ---------- formulaires ------------------------------------------- */
div#feedback, div#message-erreur {
	color: #c00717;
	margin: 1.5em 0 0 0;
	padding: 0;
	}
div#feedback p, div#message-erreur p {
	background: url(../images/attention.gif) no-repeat 0% 50%;
	padding: 1em 1em 1em 35px;
	}
form#rechercheForm {
	margin: 1.5em 0 0 0;
	padding: 0;
	}
form input {
	border-bottom: 1px solid #000;
	border-left: 1px solid #9d9e9f;
	border-right: 1px solid #6b6c6e;
	border-top: 1px solid #9d9e9f;
	margin: 0;
	}
#content div.boutons {
	margin: 1.5em 0 0 0;
	padding: 0;
	}
#content div.boutons a {
	background-color: #c0c0c0;
	border-bottom: 1px solid #000;
	border-left: 1px solid #9d9e9f;
	border-right: 1px solid #6b6c6e;
	border-top: 1px solid #9d9e9f;
	color: #000;
	margin: 0 1em 0 0;
	padding: 5px;
	text-decoration: none;
	}
#content div.boutons a:link,
#content div.boutons a:visited {
	background-color: #c0c0c0;
	color: #000;
	text-decoration: none;
	}
#content div.boutons a:hover {
	background-color: #9f9f9f;
	color: #000;
	text-decoration: none;
	}
#content div.boutons a:active {
	background-color: #c0c0c0;
	color: #000;
	text-decoration: none;
	}

/* formulaire de demande d'adhesion */
form#demandeAdhesion p {
	margin-top: 1em;
	}
form#demandeAdhesion input.texte {
	width: 400px;
	}
form#demandeAdhesion input.radio {
	margin: 0;
	padding: 0;
	}
form#demandeAdhesion div.boutons input {
	margin: 1.5em 0 0 0;
	padding: 0;
	width: 100px;
	}
form#demandeAdhesion div.boutons {
	margin: 1.5em 0 0 0;
	padding: 0;
	}
form#demandeAdhesion div.boutons a {
	background-color: #f0f0f0;
	border-bottom: 1px solid #000;
	border-left: 1px solid #9d9e9f;
	border-right: 1px solid #6b6c6e;
	border-top: 1px solid #9d9e9f;
	color: #000;
	margin: 0 1em 0 0;
	padding: 5px;
	text-decoration: none;
	}
form#demandeAdhesion div.boutons a:link,
form#demandeAdhesion div.boutons a:visited {
	background-color: #f0f0f0;
	color: #000;
	text-decoration: none;
	}
form#demandeAdhesion div.boutons a:hover {
	background-color: #fff;
	color: #000;
	text-decoration: none;
	}
form#demandeAdhesion div.boutons a:active {
	background-color: #f0f0f0;
	color: #000;
	text-decoration: none;
	}
/* formulaire de demande de bourse de mobilité */
body#bourses-form #message-erreur {
	border: 1px solid #C00717;
	margin-bottom: 2.5em;
	padding: 10px;
	}
body#bourses-form #message-erreur p {
	margin: 0;
	}
body#bourses-form #message-erreur ul {
	margin-left: 0;
	}
body#bourses-form #message-erreur li {
	list-style: none;
	margin-top: 1.5em;
	}
body#bourses-form #message-erreur li li {
	list-style: square;
	margin-left: 1.5em;
	margin-top: 0;
	}
body#bourses-form form {
	margin: 2.5em auto;
	padding: 0 10px;
	width: 500px;
	}
body#bourses-form form h4 { margin-bottom: 1.5em; padding-bottom: 1.5em; }
body#bourses-form fieldset {
	border: none;
	margin: 0 0 3.5em 0;
	}
body#bourses-form legend {
	color: #000;
	font-size: 130%;
	font-weight: bold;
	padding-bottom: 1em;
	}
body#bourses-form label {
	display: block;
	margin: 0;
	padding: 0;
	}
body#bourses-form label+input {
	margin: 0;
	padding: 0;
	width: 480px;
	}
body#bourses-form input[type='text'] {
	padding: 5px;
	}
body#bourses-form form div {
	margin: 0 0 1em 0;
	width: 480px;
	}
body#bourses-form .obligatoire { margin: 10px 0 1.5em 0; }
body#bourses-form div.submit {
	text-align: center;
	}
body#bourses-form input[type="submit"] {
	background: #cococo;
	margin: 1.5em 0;
	padding: 5px;
	width: 150px;
	}
body#bourses-form input[type="submit"]:hover {
	background: #e1e1e1;
	}
/* Formulaire d'appel de contribution au colloque */
body#colloque2013 form, body#colloque2013 ul[class|="message"] {
	margin: 2em auto;
	width: 500px;
}

/* ---------- liste des membres actifs --------------------------- */
form#membres-actifs select {
	margin-top: 0.5em;
	width: 448px;
	}



/* ---------- diaporama ------------------------------------------ */
#contenantDiapo {
	margin-top: 1.5em;
	text-align: center;
	}
.pgwSlideshow {
	margin-top: 1em;
	}


/* ---------- page d'accueil ------------------------------------- */
body#accueil .gutter {
	padding: 0 0 10px 10px;
	}
body#accueil #content {
	float: left;
	margin-right: 20px;
	width: 630px;
	}
body#accueil #content .annonce {
	background: #F0EEDB;
	font-size: 90%;
	padding: 5px 10px 10px 10px;
	width: 350px;
	}


/* Menu principal
=================================================================== */
#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#mainnav li {
	display: inline;
	margin: 0;
	padding: 0;
	}
#mainnav a {
	color: #fff;
	display: inline-block;
	margin: 0;
	padding: 5px 10px;
	text-decoration: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}

/* ----------- met en evidence le bouton de la section active ------ */
body#accueil li#mAccueil a,
body#membres li#mMembres a,
body#actions li#mActions a {
	background-color: #767C9B;
	}
body#presentation li#mPresentation a,
body#questions li#mQuestions a,
body#colloques li#mColloque a {
	background-color: #F8AE00;
	}
body#adhesion li#mAdhesion a,
body#liens li#mLiens a {
	background-color: #738200;
	}

/* ----------- rollovers ------------------------------------------- */
#mainmenu li a:hover,
li#mAccueil a:hover,
li#mMembres a:hover,
li#mActions a:hover {
	background-color: #767C9B;
}
li#mPresentation a:hover,
li#mQuestions a:hover,
li#mColloque a:hover {
	background-color: #F8AE00;
}
li#mAdhesion a:hover,
li#mLiens a:hover {
	background-color: #738200;
}


/* Sousmenu
=================================================================== */
ul#submenu {
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul#submenu li {
	float: left;
	margin: 0;
	padding: 0;
	}
ul#submenu li a {
	color: #fff;
	display: block;
	float: left;
	margin: 0;
	padding: 2px 10px;
	text-decoration: none;
	}
ul#submenu li a:hover,
ul#submenu li a:active {
	text-decoration: underline;
	}
/* arriere-plan des sousmenus */
#subnav  {
	background-color: #767C9B;
	}
body#accueil #subnav,
body#membres #subnav,
body#actions #subnav {
	background-color: #767C9B;
	}
body#presentation #subnav,
body#questions #subnav,
body#colloques #subnav {
	background-color: #F8AE00;
	color: #fff;
	}
body#adhesion #subnav,
body#liens #subnav {
	background-color: #738200;
	}






/* Sidebar
=================================================================== */

#sidebar {
	background-color: #fff;
	float: left;
	font-size: 90%;
	line-height: 1.2em;
	width: 306px;
	}
body#accueil #sidebar h3 {
	background: #3a4572 url(../images/bg_actualites.gif) no-repeat 0 0;
	color: #fff;
	font-size: 150%;
	margin: 20px 0 0 0;
	padding: 10px;
	}
body#accueil #sidebar h4 {
	line-height: 1.2em;
	}
body#accueil #sidebar .gutter {
	background-color: #ced0dd;
	padding: 10px;
	}
.box {
	font-size: 95%;
	margin: 1.5em 0;
	padding: 0;
	}
#sidebar p {
	margin: 1em 0 0 0;
	}
#sidebar dl {
	margin: 0;
	padding: 0;
	}
#sidebar h4,
#sidebar dl dt {
	color: #738200;
	font-size: 130%;
	font-weight: bold;
	margin: 0.5em 0 0 0;
	}
#sidebar dl dd {
	margin: 0.33em 0 0 0;
	padding: 0;
	}
#sidebar ul,
#sidebar ol {
	margin: 0.5em 0 0 0;
	padding: 0;
	}
#sidebar ul li,
#sidebar ol li {
	margin: 0.33em 0 0 2em;
	padding: 0;
	}

/* liste avec des thumbnails */
#sidebar dl.thumbnail:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#sidebar dl.thumbnail img.mainthumb { /* l'image doit avoir une taille de 70x70 */
	background-color: #fff;
	border: 1px solid #000;
	float: right;
	margin: 0 0 5px 5px;
	padding: 2px;
	}
#sidebar dl.thumbnail dd {
	margin-left: 0;
	}

/* hyperliens */
#sidebar a {
	color: #738200;
	padding: 2px;
	}
#sidebar h3 a {
	padding: 0;
	}
#sidebar h4 a:link {
	color: #738200;
	text-decoration: none;
	}
#sidebar h4 a:visited {
	color: #738200;
	text-decoration: none;
	}
#sidebar h4 a:hover {
	color: #738200;
	text-decoration: underline;
	}
#sidebar h4 a:active {
	color: #738200;
	text-decoration: none;
	}

#sidebar a:link,
#sidebar a:visited {
	text-decoration: underline;
	}
#sidebar a:hover {
	text-decoration: none;
	}
#sidebar a:active {
	text-decoration: underline;
	}






/* Pied de page
=================================================================== */
#footer a {
	margin: 0 1em;
	}
#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: underline;
	}
#footer a:hover,
#footer a:active {
	text-decoration: none;
	}





/* NOUVELLES
=================================================================== */

/* Rubrique d'accueil (nouvelles_accueil.php) */
div#nouvelles.la_une { background-color: #f1f2f3; float: right; width: 260px; }
	div#nouvelles.la_une .gouttiere { margin: 0; padding: 0 10px; }
		div#nouvelles.la_une ul, div#nouvelles.la_une li { list-style-type: none; margin: 0; padding: 0; }
		div#nouvelles.la_une p, div#nouvelles.la_une div { font-size: 100%; margin: 0; padding: 0; }

		div#nouvelles.la_une h2 { background: #D80C1B url(/images/bg_nouvelles.gif) no-repeat 0 0; color: #fff; font-size: 120%; margin: 0; padding: 10px; }
		div#nouvelles.la_une h3 { border-bottom: 1px solid #A6AEBF; font-size: 120%; margin-top: 1em; }
			div#nouvelles.la_une ul.floater { margin-top: -26px; }
			ul.floater { float: right; list-style: none; margin: 0; padding: 0; position: relative; width: 36px; }
			ul.floater li { float: left; margin: 0; padding: 0; width: 16px; }
				ul.floater li a { float: left; height: 16px; margin-left: 2px; overflow: hidden; text-indent: -20000px; width: 16px; }
				ul.floater li a.rss_feed { background: url(/images/rss_16.png) no-repeat 0 0; }
				ul.floater li a.rss_info { background: url(/images/rss_info_16.png) no-repeat 0 0; }
			div#nouvelles.la_une ul#rubriques { /*font-size: 0.8em;*/ margin-bottom: 18px; }
				div#nouvelles.la_une ul#rubriques li { font-size: 100%; margin-bottom: 17px; padding: 3px 0 2px 0; }
					div#nouvelles.la_une ul#rubriques h4 { font-size: 100%; }
					div#nouvelles.la_une ul#rubriques h4 a { text-decoration: none; }
					div#nouvelles.la_une ul#rubriques ul.items li { border-bottom: none; list-style: none; margin: 0; padding: 3px 0; }
					div#nouvelles.la_une ul#rubriques ul.items li.archives { border-bottom: none; margin: 18px 0 0 0; padding: 3px 0; text-align: right; }
						div#nouvelles.la_une ul.items li ul li, div#nouvelles.la_une ul.items li ol li { list-style: disc; margin: 0 0 0.2em 3em; padding: 0; }
						div#nouvelles.la_une ul.items li ol li { list-style: decimal; }
						div#nouvelles.la_une ul#rubriques h5 { font-size: 100%; font-weight: bold; margin: 18px 0 0 0; padding: 3px 0;}
						/* liste avec vignettes */
						div#nouvelles.la_une ul.items div.vignette { margin: 0; padding: 0; }
							div#nouvelles.la_une div.vignette p { margin: 0; padding: 3px 0; }
							div#nouvelles.la_une div.vignette p.img { float: right; margin: 0 0 4px 4px; padding: 0; width: 50px; }


/* Archives (nouvelles_archives.php)
=================================================================== */
body#nouvelles.archives ul.floater { margin-top: -30px; }
body#nouvelles.archives ul.items { margin-bottom: 2.5em; }
	body#nouvelles.archives ul.items li { clear: left; list-style: none; margin: 0; padding: 0; }
		body#nouvelles.archives ul.items li p, body#nouvelles.archives ul.items li ul { margin: 0 0 1.5em 0; padding: 0; }
			body#nouvelles.archives ul.items li ul li, body#nouvelles.archives ul.items li ol li { list-style: disc; margin: 0 0 0.2em 3em; padding: 0; }
			body#nouvelles.archives ul.items li ol li { list-style: decimal; }
		body#nouvelles.archives div.vignette p.img { display: block; text-align: center; }
				body#nouvelles.archives div.vignette p.img img { border: none; width: 250px; }
		/*
		body#nouvelles.archives div.vignette { float: left; margin: 0; padding: 0; width: 766px; }
			body#nouvelles.archives div.vignette p.img { float: left; margin: 0; padding: 0; width: 250px; }
			body#nouvelles.archives div.vignette p, body#nouvelles.archives div.vignette ul { float: right; width: 498px; }
		*/


/* Gestion des nouvelles
=================================================================== */

/* Feedback (messages d'erreur, etc. ) */
body#nouvelles.gestion #feedback { border-top: 1px solid; border-left: none; border-bottom: 1px solid; border-right: none; font-weight: bold; margin: 2em 0; padding: 10px 8px 10px 45px; }
body#nouvelles.gestion #feedback.erreur { background: #F0B4B4 url(/images/icone_erreur.png) no-repeat 8px 50%; border-top-color: #c00; border-bottom-color: #c00; color: #c00; }
body#nouvelles.gestion #feedback.succes { background: #C3E7CE url(/images/icone_succes.png) no-repeat 8px 50%; border-top-color: #093; border-bottom-color: #093; color: #093; }

body#nouvelles.gestion h2 #quitter { font-size: 14px; font-weight: normal; margin-left: 0.5em; }
body#nouvelles.gestion p.retour { margin-top: 3em; }
body#nouvelles.gestion form ol, #nouvelles.gestion form ul { list-style: none; margin-top: 1em; }
	body#nouvelles.gestion form li { clear: both; margin: 0 0 1em 0; padding: 0; }
		body#nouvelles.gestion fieldset { border: 1px solid #91a5ba; margin-top: 3em; padding: 1.5em 0.5em; }
		body#nouvelles.gestion fieldset.submit { border: none; margin-top: -2em; padding: 0 0.5em; text-align: center; }
			body#nouvelles.gestion legend { font-size: 14px; font-weight: bold; }
			body#nouvelles.gestion label { display: block; width: auto; }
			body#nouvelles.gestion input.text, body#nouvelles.gestion input.password, body#nouvelles.gestion textarea, body#nouvelles.gestion select { width: 450px; }
			body#nouvelles.gestion input.checkbox { margin-right: 5px; }
			body#nouvelles.gestion input.file { width: 450px; }
			body#nouvelles.gestion textarea { height: 300px; }

/* Modifier les rubriques */
body#nouvelles #form_modifier_rubriques li { font-size: 10px; list-style: decimal; margin-left: 1.8em; }
	body#nouvelles #form_modifier_rubriques input.text, body#nouvelles #form_modifier_rubriques select { margin-right: 10px; width: auto; }

/* Ordonner les rubriques */
body#nouvelles #ordonner_rubriques { margin-top: 0.5em; }
	body#nouvelles #ordonner_rubriques li { list-style: decimal; margin-bottom: 0.5em; margin-left: 1.8em; }

/* Modifier les nouvelles */
body#nouvelles li.supprimer label { display: inline; }
body#nouvelles li#image ul li img { vertical-align: top; }
body#nouvelles li#docs ul { list-style: none; }
	body#nouvelles li#docs h3 { font-size: 14px; font-weight: bold; margin: 0; padding: 2px 0; }
body#nouvelles #form_ajouter_nouvelle { margin-bottom: 36px; }
body#nouvelles #form_ajouter_nouvelle li#docs ul li { margin-top: 1em; }
	body#nouvelles #form_ajouter_nouvelle li#docs h3 { margin: 3em 0 0 0; }


/* Ordonner les nouvelles */
body#nouvelles ol#ordonner_nouvelles { margin-top: 3em; }
	body#nouvelles form#form_ordonner_nouvelles li, body#nouvelles ol#ordonner_nouvelles li { list-style: decimal; margin-bottom: 0.5em; margin-left: 1.8em; }

#nouvelles .nouvelles-image-p {
	display: none;
}


/* Clearfix hack to clear floats
=================================================================== */
/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
/* IE6 */
* html .clearfix { height: 1%; }


/* IE PNG fix
=================================================================== */
img, div, a, input { behavior: url(/css/iepngfix.htc) }