/* CSS Document */
body {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin:0;
padding:9px 0 0 0;
background-color:#767676;
background-image:url(fond-body.gif);
background-repeat:no-repeat;
background-position:top;
}
h1 {
font-size:21px;
font-weight:normal;
color:#d5148b;
text-transform:uppercase;
margin-left:15px;
}
h2 {
color:#695d4d;
font-size:130%;
margin-left:15px;
}
h3 {
font-size:120%;
color:#55514d;
margin-left:15px;}
h4 {
font-size:110%;
margin-left:15px;}
p {
margin-left:15px;}
tr {
vertical-align:top;}
th {
text-align:left;
background-color:#d5148b;
color:#fff;
padding-left:3px;}
th a:link {
color:#fff;
}
a:link {
color:#d5148b;
text-decoration:underline;}
a:hover {
text-decoration:none;}
a:visited {
color:#6a284c;}
dl {
}
dt {
font-weight:bold;}
dd {
border-left:1px solid #6a284c;
padding-left:5px;}
a img {
border: 0 !important;}
img {
margin: 0 ;
padding: 0 ;}
li, ol {
margin-top: 5px;}
ul li ul {
margin-top:-10px;
margin-bottom:18px;}

.invisible {
display:none;}
.screen {
}
/* ------------------ principal ----------------------- */

#principal {
width:800px;
margin:auto !important;}


/* ----------------- entete ------------------------------ */
#entete {background-color:#000000;
height:47px;
}
#entete h2 {
margin-top: 0;
padding:10px 0 5px 0px;}
#menuh {
color: #fff;
font-size:110%;
padding: 2px 0px 0 8px;
background-color:#d5148b;
}
#menuh a:link, #menuh a:visited {
text-decoration:none;
color: #fff;}
#menuh a:hover, #menuh a:active {
text-decoration:underline;}
#menuh a.ouvert:link, #menuh a.ouvert:visited {
font-weight:bold;}
#menuh a.ouvert:hover, #menuh a.ouvert:active {
font-weight:bold;}

#slogan {
float:left;
padding-top:28px; }
#slogan h1 {
color:#7f6e55;
font-weight:normal;
font-size:22px;
margin:0 !important;}
#navigation {
font-size:90%;
margin: 0px 0 0 0 !important;
clear:left;
color:#000;
}
#navigation a:link, #navigation a:hover, #navigation a:visited {
color:#000;}

/* ---------------- hp ------------------ */
.hp {
background-image:url(fond-hp.jpg);
background-position:top;
background-repeat:no-repeat;
height:405px;
margin:auto !important;}
body.blog {
background-color:#5c3f17;

color:#e8c370;}
/* ---------------------- zone B ----------------------- */

#zoneB {
padding:0;
width:189px;

}
.fondNoir {
background-color:#000000;}
#menu {
margin:0;
padding:1px 2px 5px 0px !important;
background-image:url(fond-menug.jpg);
background-repeat:no-repeat;
background-position:top left;
height:255px;
}

#menu ul {
margin-top:3px;
margin-bottom:3px;
margin-left:-10px;
>margin-left:5px;}
#menu li {
list-style-type:none;
font-size:14px;
color:#FFFFFF;
margin:1px 0;
}

#menu li a:link, #menu li a:visited {
color:#FFFFFF;
text-decoration:none;
display:block;
padding:1px 2px 1px 1px;}
#menu li a:hover {

background-color:#CC6699;}
#menu li a.ouvert:link {
background-color:#737352;}
/* ---------------------- zoneC ------------------------- */
#zoneC {
width: 183px;}
#rdv {
margin-top: 171px;
background-image:url(fond-rdv.jpg);
background-position:top left;
background-repeat:no-repeat;
color:#FFFFFF;
text-align:right;
font-size:14px;
padding:1px}
#rdv .rose{
color:#9d2066;
font-size:16px; }
/* ---------------------- zoneA ------------------------- */
td#zoneA {
background-image:url(fond-contenu.gif);
background-position:bottom right;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding:0 0 10px 0 ;
}

#zoneA table {
margin:auto;}

/* ------------ fiche article ------------------ */
/* test positionnement */
#clear {
clear:both;
height:20px;
background-color:#000000;}


input {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding:0px;
font-size:90%;}
input.bouton, input[type=SUBMIT] {
background-color:#939385;
border-top:1px solid #008591;
border-left:1px solid #008591;
border-bottom:1px solid #2F2F2F;
border-right:1px solid #2F2F2F;
color:#FFFFFF;
padding:0 2px ;}
img.ImgFloatLeft {
float:left;
margin:0;}
img.ImgFloatRight {
float:right;
margin:0;}

/* ------------------- pieddepage----------------------*/
#footer {
clear:both !important;
margin:0 0 0 0 !important;
color:#fff;
text-align:center;
padding:2px 0px 5px 0px !important;
background-image:url(fond-pied-page.jpg);
background-repeat:no-repeat;
background-position:top;
height:73px;
}

#footer a:link, #footer a:hover, #footer a:visited {
color:#fff;}

#sponsorts {
background-image:url(fond-sponsorts.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#5f605f;
margin:0;}
#sponsorts .rose {
color:#efa6c9;}
/* ------------------ positionnement atoms------------------- */

img.imgLeft {
	clear: both;
	text-align: left;
	display: block;
	margin-bottom: 10px;
}

img.imgCenter {
	clear: both;
	text-align: center;
	display: block;
	margin-bottom: 10px;
	margin:auto;
}

img.imgRight {
	clear: both;
	text-align: right;
	display: block;
	margin-bottom: 10px;
}

img.imgAlignLeft {
	float: left;
	margin: 0 5px 5px 0
}

img.imgAlignRight {
	float: right;
	margin: 0 0 5px 5px
}

.invisible {
	display: none;
}

.alignLeft {
	text-align: left !important;
}
.alignCenter {
	text-align: center !important;
}
.alignRight {
	text-align: right !important;
}
.rose {
color:#d5148b;}
.blanc {
color:#FFFFFF;}