<style type="text/css">
@charset "UTF-8";
/* CSS Document */
html {}
html {
	/*width: 950px;*/
	min-width:950px;
	max-width:1200px;
	margin: 0 auto;
	background-color:#e6d09f;
	background:url(images/back.png) repeat-y center top, url(images/maple.jpg) center top;
	background-attachment:scroll, fixed;
	background: url(images/maple.jpg) center top\9; /*IE678 uniquement*/
	background-attachment:fixed\9; /*IE678 uniquement*/
}
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	overflow-y:scroll;
	overflow-y::auto\9; /*IE678 uniquement*/
	/*width: 800px;*/
	margin: 0px auto;
	padding:0px 10px 10px 10px;
}
*:first-child+html body {	/* pour IE7 */
	min-width:950px;
	max-width:1200px;
	margin: 40px auto 0px auto;
}
* html body {	/* pour IE6 */
	width:950px;
}

input, textarea {
	margin:2px;
	font-size:100%
}
textarea {
	font-family:inherit;
	font-size:inherit;
}
a:link {
	color: #b3a17b;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: underline;
	color: #000;
}







h1, h2, h3, h4, h5, h6 {
	margin:2px 0 2px 0 ;
}
h1 { font-size:22px}
h2 { font-size:17px; font-weight:normal}
h3 { font-size:80%; font-weight:normal}
h4 { font-size:80%}
h5 { font-size:75%; font-weight:normal; margin: 10px 0 0 0}
p, li, p.cause, p.ferme { font-size:75%; font-weight:normal;}
p.cause, p.ferme { margin: 5px 0 0 0}
p.cause { text-align:justify}
p.ferme a, p.ferme a:link, h5.ferme a:hover { color:#F60 }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
	text-decoration: none;
	color: #000;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration:underline;
}
p.premier {
	margin-top:15px
}
span { color:#b3a17b;}
#divContact span { color:#F00;}





ul {
	margin:auto;
}
li {
	text-align: left;
	margin-left:20px;
	text-indent: -11px;
	list-style-position: inside;
}



.col1, .col2, .col3 {
	width: 98%;
	padding: 10px 10px;
	padding-top:10px; 
		-moz-column-gap:	20px;;	-o-column-gap:	20px;;	-webkit-column-gap:	20px;;	-ms-column-gap:	20px;;	-xv-column-gap:	20px;;	column-gap:	20px;;
		-moz-column-rule:	1px solid #aaa;;	-o-column-rule:	1px solid #aaa;;	-webkit-column-rule:	1px solid #aaa;;	-ms-column-rule:	1px solid #aaa;;	-xv-column-rule:	1px solid #aaa;;	column-rule:	1px solid #aaa;;
	text-align:justify;
}
.col2 {
		-moz-column-count:2;;	-o-column-count:2;;	-webkit-column-count:2;;	-ms-column-count:2;;	-xv-column-count:2;;	column-count:2;;
}
.col3 {
		-moz-column-count:3;;	-o-column-count:3;;	-webkit-column-count:3;;	-ms-column-count:3;;	-xv-column-count:3;;	column-count:3;;
}
p {
	margin:0 0 0.5em 0;
	padding:0;
	/*background-color:#FFC;*/
	/*text-indent:1em;*/ 
}
.gauche {text-align:left;}
.centre {text-align:center;}
.droite {text-align:right;}
.justif {text-align:justify;}
.clear {clear:both}
.fulljustify {
	text-align: justify;
}
.fulljustify:after {
	content: "";
	display: inline-block;
	width: 100%;
	height:0;
}







.odd, .odd1, .even, .evenadmin, .fieldset1, .fieldset2, .fieldsetadmin1, .fieldsetadmin2, .entete, .blocSaisie, .blocVignette, .blocImage {
	display:block;
		-moz-border-radius:5px;;	-o-border-radius:5px;;	-webkit-border-radius:5px;;	-ms-border-radius:5px;;	-xv-border-radius:5px;;	border-radius:5px;;
		-moz-box-shadow:0px 1px 2px #555;;	-o-box-shadow:0px 1px 2px #555;;	-webkit-box-shadow:0px 1px 2px #555;;	-ms-box-shadow:0px 1px 2px #555;;	-xv-box-shadow:0px 1px 2px #555;;	box-shadow:0px 1px 2px #555;;
	border:none;
	border:1px solid #B3A17B\9; /*IE678 uniquement*/
	padding:10px; 
	margin:10px auto;
	text-align:auto;
}
.odd, .odd1, .fieldset1, .fieldsetadmin1 {
	background-color:rgba(255,255,255,0.5);
	background-color:#fff\9;  /*IE678 uniquement\9*/
}
.odd1 {
	width:600px; 
}
.fieldset1, .fieldset2, .fieldsetadmin1, .fieldsetadmin2 {
	margin-top:25px;
}
.even, .evenadmin, .fieldset2, .entete, .fieldsetadmin2, .blocSaisie {
	background-color:rgba(255,255,255,0.5);
	background-color:#faf1d9\9; /*IE678 uniquement*/
}
.evenadmin {
	/*background-image:url(images/carreau-anim.gif);*/
	margin-top: 55px;
}
.fieldsetadmin1, .fieldsetadmin2 {
}
.fieldsetadmin1 h1, .fieldsetadmin2 h1 { font-size:20px;}
.fieldsetadmin1 h2, .fieldsetadmin2 h2 { font-size:17px;}
.fieldsetadmin1 h3, .fieldsetadmin2 h3, .fieldset1 h3, .fieldset2 h3 { border-bottom:#b3a17b 1px solid;}
.fieldsetadmin1 h4, .fieldsetadmin2 h4 { font-size:10px;}
.fieldsetadmin1 h5, .fieldsetadmin2 h5 { font-size:12px; font-weight:normal; color:#F00;}
.fieldset1 h6, .fieldset2 h6, .fieldsetadmin1 h6, .fieldsetadmin2 h6 { float:right;}
.fieldsetadmin1 p, .fieldsetadmin2 p { font-size:12px; text-align:center; margin:5px 0 3px 0;}
.fieldsetadmin1 a, .fieldsetadmin2 a { color:#000; text-decoration:none; font-weight:bold;}
.fieldsetadmin1 a:hover, .fieldsetadmin2 a:hover { text-decoration:underline;}
.fieldsetadmin1 li, .fieldsetadmin2 li { margin:0 ;}
.fieldsetadmin1 li.aide { margin:0 0 6px 12px}
.fieldsetadmin1 li.aide span { color:#000; text-decoration:underline;}


.blocSaisie, .blocVignette, .blocImage {
	margin:5px 2px;
	padding:5px;
		-moz-box-shadow: 0px 1px 3px #888 inset;;	-o-box-shadow: 0px 1px 3px #888 inset;;	-webkit-box-shadow: 0px 1px 3px #888 inset;;	-ms-box-shadow: 0px 1px 3px #888 inset;;	-xv-box-shadow: 0px 1px 3px #888 inset;;	box-shadow: 0px 1px 3px #888 inset;;
}
.blocVignette, .blocImage {
	display:inline-block;
	width:137px;
	height:104px;
	line-height:104px;
	vertical-align:middle;
}
*:first-child+html .blocVignette {	/* pour IE7 */
   zoom: 1; /*offre le layout à un élément (*)*/
   display: inline;
}
.blocImage {
	width:auto;
	height:auto;
	line-height:normal;
	vertical-align:middle;
		-moz-box-shadow: 0px 1px 6px #888 inset;;	-o-box-shadow: 0px 1px 6px #888 inset;;	-webkit-box-shadow: 0px 1px 6px #888 inset;;	-ms-box-shadow: 0px 1px 6px #888 inset;;	-xv-box-shadow: 0px 1px 6px #888 inset;;	box-shadow: 0px 1px 6px #888 inset;;
}

.phpinfo {
	width:100%;
	height:500px;
	border: 1px solid #B3A17B;
	margin: 0;
	padding: 0;
}















.entete {
	position:relative;
	height:100px; 
	margin:40px auto 10px auto; 
	padding-top:5px; 
	background:url(images/Entete-Guitare.jpg) repeat-x ; 
	background-size:100%;
	cursor:pointer;
	text-align:left;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
}
*:first-child+html .entete {	/* pour IE7 */
	margin-top:100px; 
}
* html .entete {	/* pour IE6 */
	margin-top:-10px; 
}
.entete h1 {
	position:absolute;
	bottom:5px;
	padding:4px 15px;
	background-color:rgba(0,0,0,0.2);
	background-color:#665633\9; /*IE678 uniquement*/ /*B3A17B*/
	text-shadow:2px 2px 2px rgba(0,0,0,0.8);
	font-size:36px;
	font-weight:normal;
		-moz-border-radius: 10px;;	-o-border-radius: 10px;;	-webkit-border-radius: 10px;;	-ms-border-radius: 10px;;	-xv-border-radius: 10px;;	border-radius: 10px;;
}
.entete h1:hover {
	background-color:rgba(0,0,0,0.3);
}
.entete a.domaine {
	position:absolute;
	top:72px;
	right:120px;
	padding:4px 15px;
	background-color:rgba(0,0,0,0.2);
		-moz-border-radius: 5px;;	-o-border-radius: 5px;;	-webkit-border-radius: 5px;;	-ms-border-radius: 5px;;	-xv-border-radius: 5px;;	border-radius: 5px;;
	text-shadow:2px 2px 2px rgba(0,0,0,0.8);
	font-weight:normal;
	letter-spacing:0.1em;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
}
.entete a:hover {
	background-color:rgba(0,0,0,0.4);
	text-decoration:none;
}

.icone {
	position:absolute;
	bottom:10px;
	right:10px;
	padding:3px;
	width:48px;
		-moz-border-radius:5px;;	-o-border-radius:5px;;	-webkit-border-radius:5px;;	-ms-border-radius:5px;;	-xv-border-radius:5px;;	border-radius:5px;;
		-moz-box-shadow:0px 1px 2px #555;;	-o-box-shadow:0px 1px 2px #555;;	-webkit-box-shadow:0px 1px 2px #555;;	-ms-box-shadow:0px 1px 2px #555;;	-xv-box-shadow:0px 1px 2px #555;;	box-shadow:0px 1px 2px #555;;
	background-color:#fbedc0;
}
.footer {
	padding:4px 10px 4px 10px;
	background-color:#b3a17b;
	text-align:center;
	font-size:10px;
	/*letter-spacing:1px;*/
}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
	text-shadow:0px 0px 18px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1);
	text-decoration:none;
	color:#000;
}
.footer a:hover, .footer a.on:hover {
	text-shadow:0px 0px 18px rgba(255,244,209,1), 0px 0px 16px rgba(255,244,209,1), 0px 0px 14px rgba(255,244,209,1), 0px 0px 12px rgba(255,244,209,1), 0px 0px 8px rgba(255,244,209,1);
	text-decoration:none;
	color:#fff\9; /*IE678 uniquement*/
}
.footer a:active, .footer a.on:link, .footer a.on:visited, .footer a.on:hover, .footer a.on:active {
	text-shadow:0px 0px 18px rgba(255,255,255,1), 0px 0px 16px rgba(255,255,255,1), 0px 0px 14px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 8px rgba(255,255,255,1), 0px 0px 4px rgba(255,255,255,1);
	text-decoration:none\9; /*IE678 uniquement*/
	color:#fff\9; /*IE678 uniquement*/
}
.footer a:active, .footer a.on:active {
	text-decoration:underline\9; /*IE678 uniquement*/
}
.copyright {
	text-align:center;
	margin:0;
	color:#000;
	text-shadow:0px 0px 2px rgba(255,255,255,1);
	font-size:10px;
}





.menuFixedWrapper { position: fixed; top: 0; left: 0; width: 100%; z-index: 10;}
.menuSizedWrapper { 
	min-width: 950px;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom:20px;
	background-image:url(images/OmbreMenu.png);
	background-repeat:no-repeat;
	background-position:center top ;
	background-size:100% 60px;
	position: relative;
}
.menu { margin:0 10px;}
*:first-child+html .menu {	/* pour IE7 */
	text-align:center;
	/*border:1px solid #B3A17B;
	background-color:#eee;*/
	margin:0px 10px;
	padding:5px 0;
}
* html .menuSizedWrapper {	/* pour IE6 */
	background-image:none;
}
* html .menu {	/* pour IE6 */
	text-align:center;
}
.menu a.off:link, .menu a.off:visited, .menu a.off:hover, .menu a.off:active, .menu a.on:link, .menu a.on:visited, .menu a.on:hover, .menu a.on:active,
a.off:link, a.off:visited, a.off:hover, a.off:active {
	display: inline-block;
	width:auto;
	padding:5px 10px; 
	border:none;
	border:1px solid #B3A17B\9; /*IE678 uniquement*/
	border-top:none\9; /*IE678 uniquement*/
	font-size:14px; 
	font-weight:normal;
	color: #000;
	text-shadow:0px 0px 18px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1);
	text-decoration: none;
		-moz-border-radius: 0px 0px 5px 5px;;	-o-border-radius: 0px 0px 5px 5px;;	-webkit-border-radius: 0px 0px 5px 5px;;	-ms-border-radius: 0px 0px 5px 5px;;	-xv-border-radius: 0px 0px 5px 5px;;	border-radius: 0px 0px 5px 5px;;
		-moz-box-shadow:0px 1px 2px #555;;	-o-box-shadow:0px 1px 2px #555;;	-webkit-box-shadow:0px 1px 2px #555;;	-ms-box-shadow:0px 1px 2px #555;;	-xv-box-shadow:0px 1px 2px #555;;	box-shadow:0px 1px 2px #555;;
}
.menu a.off:link, .menu a.off:visited, .menu a.off:hover, .menu a.off:active, a.off:link, a.off:visited, a.off:hover, a.off:active {
	background-color:#b3a17b;
}
.menu a.off:hover, .menu a.off:active, a.off:hover, a.off:active {
	text-shadow:0px 0px 18px rgba(255,244,209,1), 0px 0px 16px rgba(255,244,209,1), 0px 0px 14px rgba(255,244,209,1), 0px 0px 12px rgba(255,244,209,1), 0px 0px 8px rgba(255,244,209,1), 0px 0px 4px rgba(255,244,209,1);
	color:#fff\9; /*IE678 uniquement*/
}
.menu a.off:active, a.off:active {
	background-color:#fbedc0;
	text-shadow:0px 0px 18px rgba(255,255,255,1), 0px 0px 16px rgba(255,255,255,1), 0px 0px 14px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 8px rgba(255,255,255,1), 0px 0px 4px rgba(255,255,255,1);
	color:#000\9; /*IE678 uniquement*/
}
.menu a.on:link, .menu a.on:visited, .menu a.on:hover {
	background-color:#fbedc0;
	text-shadow:0px 0px 18px rgba(255,255,255,1), 0px 0px 16px rgba(255,255,255,1), 0px 0px 14px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 8px rgba(255,255,255,1), 0px 0px 4px rgba(255,255,255,1);
}
.menu a.on:active {
	color:#b3a17b;
}
#loupe {
	position: absolute;
	top: 40px;
	right: 20px;
	padding:0px 4px 1px 4px;
	width: 46px;
	text-align: center;
	line-height: 13px;
	color:#FFF;
	font-weight:bold;
		-moz-border-radius: 0 0 5px 5px;	-o-border-radius: 0 0 5px 5px;	-webkit-border-radius: 0 0 5px 5px;	-ms-border-radius: 0 0 5px 5px;	-xv-border-radius: 0 0 5px 5px;	border-radius: 0 0 5px 5px;
		-moz-box-shadow:0px 1px 2px #555;	-o-box-shadow:0px 1px 2px #555;	-webkit-box-shadow:0px 1px 2px #555;	-ms-box-shadow:0px 1px 2px #555;	-xv-box-shadow:0px 1px 2px #555;	box-shadow:0px 1px 2px #555;
	background-color:#fbedc0;
	background-image:url(images/OmbreMenu.png);
	background-repeat:no-repeat;
	background-position:center top ;
	background-size:100% 60px;
}
#loupe a { margin:0 3px;}


a.off:link, a.off:visited, a.off:hover, a.off:active {
		-moz-border-radius: 5px 5px 5px 5px;;	-o-border-radius: 5px 5px 5px 5px;;	-webkit-border-radius: 5px 5px 5px 5px;;	-ms-border-radius: 5px 5px 5px 5px;;	-xv-border-radius: 5px 5px 5px 5px;;	border-radius: 5px 5px 5px 5px;;
}





.legend, .legendcause, .toggleplus, .togglemoins  {
		-moz-border-radius: 5px;;	-o-border-radius: 5px;;	-webkit-border-radius: 5px;;	-ms-border-radius: 5px;;	-xv-border-radius: 5px;;	border-radius: 5px;;
		-moz-box-shadow: 0px 1px 2px #555;;	-o-box-shadow: 0px 1px 2px #555;;	-webkit-box-shadow: 0px 1px 2px #555;;	-ms-box-shadow: 0px 1px 2px #555;;	-xv-box-shadow: 0px 1px 2px #555;;	box-shadow: 0px 1px 2px #555;;
	background-color:#b3a17b; 
	/*border:1px solid #930; */
	padding:2px 10px; 
	margin-top:-1.5em;
	text-align:left;
	float:left;
	text-indent:0; 
	opacity: 1;
	text-shadow:0px 0px 2px rgba(0,0,0,0.7);
	font-size:95%;
	font-weight:bold;
	color:#FFF;
	border:none;
	border:1px solid #B3A17B\9; /*IE678 uniquement*/
}
.legendcause {
	text-align:left;
	background-color:#fbedc0; 
	text-shadow:none;
	color:#000;
	font-size:75%;
	font-weight:normal;
	padding-left:5px;
}
.toggleplus, .togglemoins {
	height:20px;
	line-height:22px;
	padding:0px 0 0 30px;
	background: url(images/b-basculeF.png) no-repeat #b3a17b ;
	background-position:5px center ;
	font-size:75%;
	font-weight:normal;
	color:#FFF;
	cursor:pointer;
	/*width:830px;*/
}
a.toggleplus, a.togglemoins, a.toggleplus:hover, a.togglemoins:hover {
	color:#000;
	text-decoration: none;
	text-shadow:0px 0px 18px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1);
}
.togglemoins {
	background: url(images/b-basculeO.png) no-repeat #b3a17b ;
	background-position:5px center ;
}
a.togglemoins, a.togglemoins:hover, a.toggleplus:hover {
	color:#fff\9;
	text-shadow:0px 0px 18px rgba(255,244,209,1), 0px 0px 16px rgba(255,244,209,1), 0px 0px 14px rgba(255,244,209,1), 0px 0px 12px rgba(255,244,209,1), 0px 0px 8px rgba(255,244,209,1), 0px 0px 4px rgba(255,244,209,1);
}
a.togglemoins:active, a.toggleplus:active {
	color:#fff\9;
	text-shadow:0px 0px 18px rgba(255,255,255,1), 0px 0px 16px rgba(255,255,255,1), 0px 0px 14px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 8px rgba(255,255,255,1), 0px 0px 4px rgba(255,255,255,1);
}
.legend a:link, .legend a {	/* "a:link" pour Safari, Chrome et FireFox | "a" pour IE7 et 8 */
	color:#FFF;
	text-decoration: none;
}
.legend a:hover {	
	text-decoration:underline;
}

.vertical-ticker{
	display:inline-block;
	height:20px;
	line-height:20px;
	overflow:hidden;
	margin:0 0 0 20px;
	padding:0;
	vertical-align:top;
}
.vertical-ticker span {
	display:block;
	height:20px;
	line-height:22px;
	overflow:hidden;
	margin:0;
	padding:0 10px 0 00;
	color:#333;
	font-size:120%;
	font-style:italic;
}



.divIntro {
	margin-top:10px;
	text-align:center;
}
.divIntroComm {
	display:inline-block;
	zoom: 1;
	*display: inline; /*IE7 uniquement*/
	/*min-width: 430px;*/
	width: 50%;
	margin:0;
	vertical-align:middle;
}
.divIntroImage {
	display:inline-block; 
	zoom: 1;
	*display: inline; /*IE7 uniquement*/
	/*min-width: 350px;*/
	width: 40%;
	margin:-50px 0px -50px 20px;
	vertical-align:middle;
	text-align:center;
}
.imageIntroImage {
	max-height:130px;
	max-width:350px;
	vertical-align:middle;
}
.imageIntroIndex {
	/*width:70%;
	margin-right: 15px;*/
	max-height:500px;
	max-width:65%;
	float: left;
	margin:30px 20px 30px 30px;
}
.texteIntroIndex {
	margin:30px 10px 30px 30px;
	/*width:27%; float:right; margin-right:5px; overflow:auto;*/
}
.bascule {width:10px;}


.groupe {
	display:block;
	margin-top:25px;
}
.articles {
	position:relative;
	margin-top:5px;
}
.article {
	margin-top:25px;
	position: relative;
}
.articleImages {
	text-align:center;
	margin-top:5px;
}
.lien {
	position: absolute;
	top: -18px;
	right: 10px;
	padding: 2px 10px 2px 10px;
	background-color:#fff;
	margin-top:10px;
	font-size:70%;
}
.commentaireTitre {
	text-align:left;
	font-size: 75%;
	font-weight:normal;
	text-decoration:underline;
}

.cadreimage, .floatlimage, .floatrimage {
	border:1px #b3a17b solid;
		-moz-border-radius: 5px;;	-o-border-radius: 5px;;	-webkit-border-radius: 5px;;	-ms-border-radius: 5px;;	-xv-border-radius: 5px;;	border-radius: 5px;;
		-moz-box-shadow: 0px 1px 2px #555;;	-o-box-shadow: 0px 1px 2px #555;;	-webkit-box-shadow: 0px 1px 2px #555;;	-ms-box-shadow: 0px 1px 2px #555;;	-xv-box-shadow: 0px 1px 2px #555;;	box-shadow: 0px 1px 2px #555;;
}
.floatlimage {
	float:left;
	display:block;
	margin:5px 5px 5px 0;
}
.floatrimage {
	float:right;
	display:block;
	margin:5px 0 5px 5px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------*/
/* 																																			Classes des table standard */
/* ------------------------------------------------------------------------------------------------------------------------------------*/
.table, .tableSaisie {
	border : 0px ;
	padding : 0px ;
	margin : 0px auto;
	font-size: 75%;
	vertical-align:middle;
	}
.tr {
	height:0px;
}
.td, .th, .tdmod, .tdsup, .tdcon {
	border: 0px ;
	font-weight:normal;
	}
.tdmod, .tdsup, .tdcon {
	background-repeat:no-repeat;
	background-position:center;
	}
.tdmod {
	background-image:url(admin/images/b-modif.png);
	}
.tdsup {
	background-image:url(admin/images/b-supp.png);
	}
.tdcon {
	background-image:url(admin/images/b-voir.gif);
	}
.trita, tdita {
	font-style:italic;
	}
.tableSaisie {
	padding: 30px 0 30px;
	width: 80%;
	border:#F00 0px solid;
	border-spacing: 20px;
	}
.tableSaisie td, .tableSaisie th {
	padding: 20px 20px 0px 20px;
	font-weight:normal;
	border:#00F 0px solid;
	width:50%;
	}
.tableSaisie th {
	padding: 0px 20px 0px 20px;
	color:red;
	}
.rond, .rondrouge {	/* pour balises input, textarea...*/
		-moz-border-radius: 4px;	-o-border-radius: 4px;	-webkit-border-radius: 4px;	-ms-border-radius: 4px;	-xv-border-radius: 4px;	border-radius: 4px;
	margin-top:2px;
	margin-bottom:2px;
	border-width:1px ;
	border-style:solid;
	border-color:#B3A17B ;
}
.rondrouge {
	border-color:#F88 ;
}


/* ------------------------------------------------------------------------------------------------------------------------------------*/
/* 																														 Definition des éléments d'administration */
/* ------------------------------------------------------------------------------------------------------------------------------------*/
.bouton {
	font-size:11px;
	}

.boutonmod {
	font-size:11px;
	}

.boutonsup {
	color: #F00;
	font-size:11px;
	}

.boutontable {
	font-size:11px;
	}

.boutonnavig {
	font-size:11px;
	}

.boutonhl {
	font-size:11px;
	color: #888888;
	}
	
.boutoncol0, .boutoncol1, .boutonpage1 {
	background-color:#FFFFFF; 
	margin: 1px 0px 1px 5px;
	border-width: 1px ;
	font-size: 10px;
	padding:0 0.5em;
		-moz-border-radius: 4px;	-o-border-radius: 4px;	-webkit-border-radius: 4px;	-ms-border-radius: 4px;	-xv-border-radius: 4px;	border-radius: 4px;
	}

.boutoncol0 {
	background:url(images/CX-menu-titre-col-0.jpg) repeat-x;
	border-color:#dddddd;
	}

.boutoncol1 {
	background:url(images/CX-menu-titre-page-1.jpg) repeat-x;
	border-color:#FFFF66;
	border-style:inset;
	}

.boutonpage1 {
	background:url(images/CX-menu-titre-rouge.gif) repeat-x;
	border-color:#FFCC33;
	}

.textareap {
	text-align: left ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px ;
	color: #000000;
	font-weight: normal;
	}

.tabdec {
	width:100% ;
	border:0; 
	cellspacing:1px; 
	cellpadding:0 ;
	background-color:#b3a17b;
	font-size:70%;
	}

.tddec0, .tddec1, .tddec1dsc, .tddec1asc {
	border:0; 
	color:#FFF;
	}
.tddec0 {
	background-image:url(images/CX-menu-titre.png);
	height: 17px;
	}
.tddec1 {
	background-image:url(images/CX-menu-over.png);
	}
.tddec1dsc {
	background-image:url(images/CX-menu-dsc.png);
	}
.tddec1asc {
	background-image:url(images/CX-menu-asc.png);
	}
.tddec0 a, .tddec1 a, .tddec1dsc a, .tddec1asc a {
	color:#FFF;
	font-weight:normal;
	}
.deconnexion {
	float: right;
	margin-top: -40px;
	margin-right: 0px;
	color:#b3a17b;
	font-size:11px;
}
#deconnexion {
	color: red;
}
.accesFichiers {margin:-20px -3px 0 0; margin:-20px -3px 0 0\9;}
.telephone {display:inline; font-size:14px;}
#Message {width:60%;}


@media handheld, only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
html {
	min-width:0px;
	max-width:10000px;
	background-image:none;
	background-color:#fbedc0;
}
body {
	font-size:200%;
	margin: 0 ;
}
.menuFixedWrapper {
	position:static;
	margin-top: 200px;
}
.menuSizedWrapper {
	min-width:0px;
	max-width:10000px;
	background-image:none;
}
#loupe {display:none;)
}

.fulljustify { text-align:center;}
.fulljustify:after { display:none;}

.menu {margin: 0 -20px;}
.menu a.off:link, .menu a.off:visited, .menu a.off:hover, .menu a.off:active, .menu a.on:link, .menu a.on:visited, .menu a.on:hover, .menu a.on:active,
a.off:link, a.off:visited, a.off:hover, a.off:active {
	display: inline-block;
	font-size:110%; 
		-moz-border-radius: 10px;;	-o-border-radius: 10px;;	-webkit-border-radius: 10px;;	-ms-border-radius: 10px;;	-xv-border-radius: 10px;;	border-radius: 10px;;
	margin:10px auto;
	width:43%;
	text-shadow:2px 2px 2px rgba(0,0,0,1), 2px 2px 2px rgba(0,0,0,1);
	color: #fff;
	font-weight:bold;
	margin:10px 10px;
}
a.off:link, a.off:visited, a.off:hover, a.off:active, .telephone {display: block; width: auto; font-size:100%;}
.menu a.on:link, .menu a.on:visited, .menu a.on:hover {
	background-color:#fdf3d3;
	color: #000;
	text-shadow:0px 0px 18px rgba(255,255,255,1), 0px 0px 16px rgba(255,255,255,1), 0px 0px 14px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 8px rgba(255,255,255,1), 0px 0px 4px rgba(255,255,255,1);
}

.entete {
	height: 155px;
	margin: 10px auto 40px;
	padding-top: 0px;
	position: absolute;
	top: 0px;
	width: 96%;
}
.entete h1 {
	position: absolute;
	font-size: 170%;
	font-weight: bold;
	text-align:center;
}
.entete a.domaine {display:none;}
.icone {top: 10px;}

.fieldset1, .fieldset2, .fieldsetadmin1, .fieldsetadmin2 {text-align: center;}
.legend, .legendcause, .toggleplus, .togglemoins {
	font-size: 130%;
	margin-top: -0.8em;
		-moz-border-radius: 10px;;	-o-border-radius: 10px;;	-webkit-border-radius: 10px;;	-ms-border-radius: 10px;;	-xv-border-radius: 10px;;	border-radius: 10px;;
}
.fieldset2 {margin-top: 80px;}
.divIntro {margin-top: 50px; position: relative;}
.divIntroComm {
	width:auto;
	margin:auto 20px;
	display:block;
}
.divIntroImage {
	/*top: -120px;
	right: 50px;
	position: absolute;*/
	margin:0;
	width:auto;
	display:block;
}
.imageIntroIndex {
	max-height: 500px;
	max-width: 100%;
	float: none;
	margin: 30px;
}
.imageIntroImage {
	max-height: 400px;
	max-width: 600px;
}
.texteIntroIndex {margin: 30px;}
.bascule {width:30px;}
p, li, p.cause, p.ferme {font-size: 100%;}
h4 {font-size: 100%;}
.toggleplus, .togglemoins {
	height:auto;
	line-height:normal;
	background-position: 15px 15px;
	background-size:30px;
	padding-left:50px;
}
.vertical-ticker { display:none;}


a.toggleplus, a.togglemoins, a.toggleplus:hover, a.togglemoins:hover {
	padding-right:20px;
	color:#FFF;
	font-weight:bold;
	text-shadow:0px 0px 2px rgba(0,0,0,0.7);
}

.groupe {margin-top:80px; min-height:40px;}
.articles {margin-top:80px;}
.article {margin-top:70px; min-height: 110px;}
.articleImages {margin-top:50px;}
.lien {
	position: static;
	padding: 2px 10px 2px 10px;
	background-color:#fff;
	margin-top:30px;
	font-size:80%;
	float:right;
}
.video {margin-top:40px;}
.commentaireTitre {font-size: 100%;}
li {
	margin-left: 50px;
	text-indent: -40px;
}

.col2, .col3  {
		-moz-column-count:1;;	-o-column-count:1;;	-webkit-column-count:1;;	-ms-column-count:1;;	-xv-column-count:1;;	column-count:1;;
}
p.cause, p.ferme {margin: 40px 0 0 0; text-align:left;}

.evenadmin {margin-top: 50px;}
.boutonAdminIndex {margin:10px 30px; font-size:30px;}
.deconnexion {margin-top: -130px; font-size:100%}
#deconnexion {
	background-size: cover;
	font-size: 130%;
}
.accesFichiers {display:none;}
#liste, #modif, #rech {margin-top: 20px; text-align: left;}
.fieldsetadmin1 h3 {font-size: 80%;}
#Message {width:100%;}

.footer {font-size: 60%;}
.copyright {font-size: 50%;}
</style>
