/* 25/09/2009 */
/* Feuille de style AMA v12 */
/* inclut changement section biblio en medias */

/* @group Particularites gabarits */

html body#gabama, html body#gabchat {
	background: #E6EAF2 url(/images/2.gif) repeat-x scroll 0 0;
}

html body#gabproj {
	background: #E6EAF2 url(/images/27.gif) repeat-x scroll 0 0;
}

html body#gabmedias {
	background: #E6EAF2 url(/images/31.gif) repeat-x scroll 0 0;
}

html body#gabactu {
	background: #E6EAF2 url(/images/28.gif) repeat-x scroll 0 0;
}

html body#gabcontact {
	background: #E6EAF2 url(/images/26.gif) repeat-x scroll 0 0;
}

html body#gabliens {
	background: #E6EAF2 url(/images/29.gif) repeat-x scroll 0 0;
}

html body#gabmembres {
	background: #E6EAF2 url(/images/25.gif) repeat-x scroll 0 0;
}


/* @end */

/* @group Regles generales

 */

/* Mes resets + styles generaux */

* {
	margin: 0;
	padding: 0;
}

body {
	font: 76% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	background-color: transparent;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", sans-serif;
}

h1 {
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #a52a2a;
	font-weight: bold;
	text-align: left;
}

h3 {
	font-size: 1.3em;
	color: #333;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

h4 {
	color: #a14f2c;
	text-align: left;
	font: bold 1.2em "Lucida Grande", Verdana, sans-serif;
	text-transform: uppercase;
}

h5 {
	line-height: 1em;
	text-transform: uppercase;
	color: #a14f2c;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 1.2em;
}

h6 {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #585858;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 1.1em;
	text-transform: uppercase;
}

ul, ol {
	list-style: none;
	text-align: left;
}

li {
	font-size: 1em;
}

p {
	font-size: 1em;
}

img {
	border-style: none;
}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #000;
	color: #555;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

/* Alignement des images */

img.centree {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligneedroite {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.aligneegauche {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.aligneedroite {
	float: right;
}

.aligneegauche {
	float: left
}

/* @end */

/* @group Liens generaux */

a {
	text-decoration: none;
}

a:link {
	border-bottom: none;
}

/* @end */

/* @group Le layout     */

#conteneur {
	background-color: transparent;
	position: absolute;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	text-align: left;
}

#entete {
	width: 800px;
	height: 128px;
	background: transparent url(/images/3.gif) no-repeat center top;
}

#raccourci {
	background: transparent;
}

/* Contenu central */

#contenu {
	width: 100%;
	background: #ffffff repeat-y center bottom url(/images/4.gif) scroll;
	position: relative;
	margin-top: 15px;
}

/* div annexes pour cartouche bleu*/

.page_debut {
	width: 800px;
	height: 10px;
	background: transparent url(/images/5.gif) no-repeat center top;
}

.page_fin {
	background: transparent url(/images/6.gif) no-repeat center bottom;
	width: 800px;
	height: 10px;
}

/* Colonne de gauche */

#colonne_info {
	width: 190px;
	float: left;
	background: transparent;
	margin-bottom: 15px;
}

#sous_menu, #recherche, #logo {
	background: transparent;
}

/* Dans le contenu central */

.reteneur {
	margin: 10px 25px;
	background-color: transparent;
	width: 750px;
	height: 1%;
}

#article {
	width: 545px;
	background: #fff;
	float: right;
	margin-bottom: 1.5em;
	text-align: justify;
}

#pied {
	width: 800px;
	background: transparent;
	position: relative;
	height: 60px;
	color: #666666;
	line-height: 1.3em;
}

/* Clear */

.victor_nettoyeur {
	border: 0;
	clear: both;
	display: block;
	float: none;
	margin: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* @end */

/* @group MEF raccourci



 raccourci */

#raccourci {
	line-height: 25px;
	float: right;
	position: relative;
	font-size: 0.9em;
	top: 0;
}

#raccourci li {
	float: left;
	margin-right: 10px;
	line-height: 25px;
}

#raccourci li a:link {
	text-decoration: none;
	color: #0077EE;
	padding: 0 0em;
	border-bottom: 1px solid #0077EE;
}

#raccourci li a:hover {
	color: #143361;
	border-bottom-style: none;
	padding: 0 0em;
}

.accueil {
	background: transparent url(/images/7.gif) no-repeat left 50%;
	padding-left: 20px;
}

.contact {
	background: transparent url(/images/8.gif) no-repeat left 50%;
	padding-left: 20px;
}

.plan_site {
	background: transparent url(/images/9.gif) no-repeat left 50%;
	padding-left: 20px;
}

.chat {
	background: transparent url(/images/10.gif) no-repeat left 50%;
	padding-left: 20px;
}

.a_qui {
	background: transparent url(/images/11.gif) no-repeat left 50%;
	padding-left: 20px;
}

/* @end */

/* @group MEF menu PRINCIPAL */

/* Le menu */

ul#nav {
	position: relative;
	width: 800px;
	height: 45px;
	background: transparent url(/images/23.jpg) no-repeat;
}

ul#nav li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#nav li a {
	display: block;
	text-decoration: none;
	background: transparent url(/images/23.jpg) no-repeat;
}

/* Les fenêtres du menu */

li#ama a {
	width: 82px;
	height: 45px;
}

li#proj a {
	width: 96px;
	height: 45px;
}

li#medias a {
	width: 89px;
	height: 45px;
}

li#actu a {
	width: 117px;
	height: 45px;
}

li#contact a {
	width: 101px;
	height: 45px;
}

li#liens a {
	width: 73px;
	height: 45px;
}

li#membres a {
	height: 45px;
	width: 152px;
}

/* Les changements d'états */

li#ama a:hover, li#ama a:focus {
	background-position: 0 -45px;
}

li#proj a:link, li#proj a:visited {
	background-position: -82px 0;
}

li#proj a:hover, li#proj a:focus {
	background-position: -82px -45px;
}

li#medias a:link, li#medias a:visited {
	background-position: -178px 0;
}

li#medias a:hover, li#medias a:focus {
	background-position: -178px -45px;
}

li#actu a:link, li#actu a:visited {
	background-position: -267px 0;
}

li#actu a:hover, li#actu a:focus {
	background-position: -267px -45px;
}

li#contact a:link, li#contact a:visited {
	background-position: -384px 0;
}

li#contact a:hover, li#contact a:focus {
	background-position: -384px -45px;
}

li#liens a:link, li#liens a:visited {
	background-position: -485px 0;
}

li#liens a:hover, li#liens a:focus {
	background-position: -485px -45px;
}

li#membres a:link, li#membres a:visited {
	background-position: -558px 0;
}

li#membres a:hover, li#membres a:focus {
	background-position: -558px -45px;
}

/* Main navigation "active tabs"

------------------------------------------------------------------*/

body#gabama ul#nav li#ama a {
	background-position: 0px -90px;
}

body#gabproj ul#nav li#proj a {
	background-position: -82px -90px;
}

body#gabmedias ul#nav li#medias a {
	background-position: -178px -90px;
}

body#gabactu ul#nav li#actu a {
	background-position: -267px -90px;
}

body#gabcontact ul#nav li#contact a {
	background-position: -384px -90px;
}

body#gabliens ul#nav li#liens a {
	background-position: -485px -90px;
}

body#gabmembres ul#nav li#membres a {
	background-position: -558px -90px;
}

/* @end */

/* @group MEF div colonne_info */

#colonne_info {
	border-top: 1px solid #b9c1cf;
	background-color: #fff;
}

#sous_menu {
	font-size: 1em;
	border-bottom: 1px solid #b9c1cf;
	padding-bottom: 7px;
	background-color: transparent;
}

* html #sous_menu li a {
	display: block;
	line-height: 1.6em;
	margin-right: 5px;
	background: url(/images/14.png) no-repeat 4px 0;
	padding-left: 22px;
}

#sous_menu li a {
	display: block;
	line-height: 2em;
	margin-right: 5px;
	background: url(/images/14.png) no-repeat scroll 4px 4px;
	padding-left: 22px;
}

#sous_menu li a:link {
	border-bottom: none;
	color: #264f8b;
}

#sous_menu li a:visited {
	color: #143361;
}

#sous_menu li a:hover {
	background: #9096a2 url(/images/15.png) no-repeat scroll 4px 4px;
	color: #c8d8ed;
}

#recherche h2, #logo h2 {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

#logo {
	border-bottom: 1px solid #b9c1cf;
}

div.divers {
	border-bottom: 1px solid #b9c1cf;
	padding-bottom: 5px;
}

#colonne_info p {
	color: #555;
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 1.5em;
	margin-top: 1em;
}

/* Mise en place cartouche  */

h2.titre_cartouche {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 7px;
	border-bottom: 3px solid #b9c1cf;
	background-color: #e7eaee;
	padding: 7px 10px 3px;
}

/* Logos des titres dans le cartouche     */

.logotitres {
	background: no-repeat scroll url(/images/18.gif) 0px 50%;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 5px;
	margin-left: 5px;
}

/* Div Recherche */

#recherche {
	border-bottom: 1px solid #b9c1cf;
	padding-bottom: 5px;
}

div#recherche form h2 {
	background: url(/images/18.gif) no-repeat 0 2px;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 5px;
	margin-left: 5px;
}

div#recherche form h2 input {
	margin-top: 0.5em;
}

/* Section Accès membres */

/* @end */

/* @group MEF article

  */

/* liens des articles */

#article a:link {
	color: #264f8b;
	border-bottom: solid #264f8b 1px;
}

#article a:visited {
	color: #143361;
	border-bottom: 1px solid #143361;
}

#article a:hover {
	color: #0077EE;
	border-bottom-style: none;
}

#article a:active {
	
}

/* Classe liens en savoir plus */

#article p.savoirplus {
	background: no-repeat url(/images/21.gif) 7.5em 50% scroll;
	padding-right: 15px;
	font-weight: bold;
	margin-bottom: 2em;
	margin-top: -0.5em;
}

/* Contenu */

#article h3, #article h4, #article h5, #article h6 {
	margin-top: 1em;
	margin-bottom: 0.3em;
}

#article h4, #article h5, #article h6 {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#article ol {
	color: #555;
	margin: 10px 0 25px 20px;
	list-style-type: decimal;
	list-style-position: inside;
}

#article ul {
	color: #555;
	margin: 10px 0 25px 20px;
}

#article ul li {
	background: no-repeat url(/images/19.gif) left 4px  scroll;
	list-style: none;
	padding-left: 16px;
}

#article li {
	margin-bottom: 0.5em;
	font-size: 1em;
	line-height: 1.4em;
}

#article h2 {
	border-bottom: 3px solid #b9c1cf;
	background: #e7eaee no-repeat 4px 5px  url(/images/20.png) scroll;
	padding-top: 7px;
	padding-right: 3px;
	padding-left: 25px;
	border-top: 1px solid #b9c1cf;
	margin-bottom: 0.3em;
}

#article h3 {
	border-bottom: 2px solid #a9a9a9;
}

#article h4 {
	border-bottom: 2px solid #ebded8;
}

#article h5 {
	
}

#article p {
	margin-bottom: 1em;
	line-height: 1.5em;
	color: #555;
	text-align: justify;
}

/* Styles divers dans les articles */

h2 abbr {
	text-decoration: none;
	border-bottom-style: none;
}

#article strong {
	color: #444;
	font: bold 1.2em/1.5em "Trebuchet MS", "Lucida Grande", sans-serif;
}

#article blockquote {
	background-color: #e7eaee;
	padding: 1em;
	border: 1px solid #b9c1cf;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #555;
}

sup.footnote a {
	font-size: 0.5em;
	background-color: #f5f5f5;
}

#article .footnote sup {
	font-size: 0.5em;
	margin-left: 2em;
}

#article p.footnote {
	background-color: #f5f5f5;
	padding-bottom: 0.3em;
	color: #555;
	padding-top: 0.3em;
}

/* Fiches des maisons */

#article table {
	width: 545px;
	height: 1%;
}

#article tbody {
	background-color: #f5f5f5;
}

#article tr {
	padding-left: 5px;
	padding-right: 5px;
}

* html #article td {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.8em;
	line-height: 1.5em;
}

#article td {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1em;
	line-height: 2em;
}

/* @end */

/* @group MEF pied  */

div#pied p {
	margin-right: 20px;
	margin-left: 20px;
	font-size: 0.8em;
	text-align: center;
	padding-left: 100px;
	height: 60px;
}

#pied p {
	top: 1em;
	position: relative;
	background: transparent;
}

/* liens du pied */

#pied a:link {
	color: #69a3e7;
	border-bottom: solid #69a3e7 1px;
}

#pied a:visited {
	color: #143361;
	border-bottom: 1px solid #143361;
}

#pied a:hover {
	color: #69a3e7;
	border-bottom-style: none;
}

#pied a:active {
	
}

#pied p img {
	float: left;
}

/* @end */

/* @group Divers & plugin */

.first {
	
}

.info_rapide {
	
}

/* Formulaire de contact */

.zemContactForm {
	text-align: left;
	color: #666666;
	padding: 0;
	width: 500px;
	background: transparent;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.zemContactForm fieldset {
	margin: 0;
	padding: 0;
	width: 500px;
	border: 1px solid #9da8b3;
	background: #d5dbe5;
}

.zemContactForm legend {
	color: #333;
	margin-left: 10px;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #fff;
	border-bottom: 1px solid #9da8b3;
	border-left: 1px solid #9da8b3;
	border-right: 1px solid #9da8b3;
	font: bold 1.3em/1.5em "Trebuchet MS", sans-serif;
	text-transform: uppercase;
}

.zemContactForm dl {
	margin-bottom: 20px;
	margin-top: 10px;
}

.zemContactForm dt {
	margin: 0.8em 20px 0.1em;
}

.zemContactForm dd {
	margin-right: 20px;
	margin-bottom: 0.5em;
	margin-left: 20px;
}

.zemSubmit {
	margin-bottom: 1em;
	color: #a14f2c;
	font: bold 1em "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	text-transform: uppercase;
}

.zemContactForm ul.zemError li {
	font-size: 1em;
	line-height: 25px;
	text-align: left;
	color: #666666;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -40px;
}

* html #zemContactForm ul.zemError li {
	font-size: 1em;
	line-height: 25px;
	text-align: left;
	color: #666666;
	padding: 0 10px 0 30px;
	margin: 0;
}

/* Section Liens */

p.titre-lien {
	margin-top: 1em;
	background: url(/images/21.gif) no-repeat scroll 0 1px;
	padding-left: 20px;
	text-transform: uppercase;
}

p.desc-lien {
	margin-bottom: 1em;
	margin-top: -1em;
}

/* @group Section Chat */

h3#reponses-chat {
	margin-bottom: 1em;
	border-bottom: 4px double #969696;
	border-top: 1px solid #969696;
	margin-top: 2em;
	padding-top: 3px;
	text-align: center;
	font-size: 2em;
}

.comments-wrapper {
	
}

.comments-wrapper p {
	color: #555;
	font-size: 1em;
	background-color: #e1e7f2;
	padding-right: 5px;
	padding-left: 5px;
}

p.comments-infos {
	font-size: 0.7em;
	color: #989898;
	margin-bottom: 0;
	font-weight: bold;
	background-color: #f7f7f7;
	height: 1%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.comments-wrapper h4 {
	border-bottom: 2px solid #ebded8;
}

.comments-wrapper label {
	font-size: 1em;
	color: #555;
}

.comments-wrapper dl dt, a#txpCommentHelpLink, input#forget.checkbox, .comments-wrapper dl dd label, .comments-wrapper dl dd input.button {
	margin-top: 0.5em;
}

.comment_web_input, .comment_email_input, .comment_name_input, txpCommentInputMessage {
	color: #a14f2c;
}



/* @end */

/* @group Section acces membres */

/* Connectons / déconnectons */

div.deconnectons {
	border-bottom: 1px solid #b9c1cf;
	padding-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.5em;
	font-size: 1em;
}

div.deconnectons p {
	color: #264f8b;
}

div.deconnectons a:link {
	color: #264f8b;
}

div.deconnectons a:visited {
	color: #143361;
}

div.deconnectons a:hover {
	background: #9096a2;
	color: #c8d8ed;
}
input.checkbox {
	margin-right: 0.5em;
}



/* @end */

/* Liste des articles de journaux */

div#article ul.articles-journaux li {
	margin-bottom: 1.7em;
	background-color: #e7eaee;
}
/* @end */
