/* CSS Document */

* {
padding:0;
margin:0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
list-style-type:none;
}

body {
background:url(images/bg_repeat.jpg) repeat-x;
}

#global {
background:url(images/bg_global.jpg) no-repeat;
width:955px;
margin:0 auto;
}

#menu_haut p {
font-size:10px;
line-height:10px;
color:#c8ad60;
padding:2px 0 0 10px;
}

#menu_haut a {
font-size:10px;
line-height:10px;
color:#c8ad60;
text-decoration:none;
}

#menu_haut a:hover {
text-decoration:underline;
}

#logo {
border:none;
margin:5px 0 0 15px;
}

#menu {
height:27px;
}

#menu ul {
height:27px;
padding-left:15px;
padding-top:3px;
}

#menu li {
display:inline;
}

#li1 a {
background:url(images/bouton1.jpg) no-repeat 0 0;
width:48px;
margin-right:30px;
}

#li2 a {
background:url(images/bouton2.jpg) no-repeat 0 0;
width:146px;
margin-right:30px;
}

#li3 a {
background:url(images/bouton3.jpg) no-repeat 0 0;
width:139px;
margin-right:30px;
}

#li4 a {
background:url(images/bouton4.jpg) no-repeat 0 0;
width:108px;
margin-right:26px;
}

#li5 a {
background:url(images/bouton5.jpg) no-repeat 0 0;
width:64px;
margin-right:28px;
}

#li6 a {
background:url(images/bouton6.jpg) no-repeat 0 0;
width:75px;
margin-right:30px;
}

#li7 a {
background:url(images/bouton7.jpg) no-repeat 0 0;
width:58px;
}

#menu li a {
display:block;
height:27px;
float:left;
}

#menu li a:hover {
background-position:0 -27px;
}

#milieu {
padding-top:14px;
}

h2 {
font-size:18px;
font-weight:bold;
color:#c8ad60;
font-style:italic;
border-bottom:2px solid #c8ad60;
line-height:18px;
padding-bottom:3px;
margin-bottom:10px;
}

#actu {
width:207px;
float:left;
height:200px;
background:url(images/bg_actu.jpg) no-repeat 30px -8px;
padding-left:45px;
padding-right:62px;
padding-top:60px;
}

#presentation {
width:560px;
text-align:justify;
float:left;
line-height:14px;
padding-top:20px;
padding-left:10px;
}

#presentation img {
float:left;
margin-right:5px;
}

#presentation p {
padding-top:8px;
color:#636363;
padding-left:7px;
}

#presentation #signature {
background:none;
text-align:right;
float:none;
clear:both;
}

#text_droite {
float:left;
width:470px;
}

.clear {
clear:both;
}

#menu_bas {
text-align:center;
padding-bottom:6px;
color:#55b8c9;
clear:both;
}

#menu_bas a {
color:#55b8c9;
text-decoration:none;
}

#menu_bas a:hover {
text-decoration:underline;
}

#pieds {
background-color:#55b8c9;
padding:8px;
text-align:center;
color:#FFFFFF;
clear:both;
}

#tt{
    text-align:center;
    margin-top:15px;
}

#tt a{
    font-size:9px;
    color:white;
	text-decoration:none;
}

#tt a:hover{
    color:white;
	text-decoration:underline;
}

.date {
color:#7a0c91;
}

.titre_actu {
font-weight:bold;
color:#636363;
}

.description {
color:#636363;
text-align:justify;
}

.savoirplus {
text-align:right;
color:#53c0d1;
}

.savoirplus a {
color:#53c0d1;
text-decoration:none;
}

.savoirplus a:hover {
text-decoration:underline;
}

/* ################################################## PAGE SEANCES ################################################### */

#seances {
width:550px;
text-align:justify;
padding:20px 0 20px 40px;
float:left;
}

#seances_droite {
float:left;
padding:25px 0 20px 60px;
}

#seances p {
padding-top:8px;
color:#636363;
padding-left:7px;
}

/* #################################################### PAGE ART ##################################################### */

#art {
width:400px;
text-align:justify;
padding:20px 0 20px 40px;
float:left;
}

#art_droite {
float:left;
padding:25px 0 20px 45px;
}

#art p {
padding-top:8px;
color:#636363;
padding-left:7px;
}

#diapo {
float:left;
width:225px;
}

#diapo img {
cursor:pointer;
margin:0 5px 5px 0;
}

#big {
float:left;
}

/* ################################################## PAGE PATCH ################################################### */

#patch {
padding:20px 0 20px 30px;
width:475px;
text-align:justify;
float:left;
}

#patch_droite {
float:left;
width:395px;
text-align:justify;
padding-left:30px;
color:#636363;
padding-top:20px;
padding-bottom:10px;
}

#patch_droite img {
margin:0 8px 2px 0;
float:left;
}

#patch_droite h3 {
padding-bottom:2px;
padding-top:1px;
border-bottom:1px solid #636363;
margin-bottom:4px;
}

#patch_droite p {
line-height:13px;
padding-bottom:4px;
font-size:11px;
}


#patch p {
padding-top:8px;
color:#636363;
padding-left:7px;
}

#patch ul {
color:#636363;
padding:10px 0 0 16px;
}

#patch li {
padding-bottom:4px;
}

h3 {
background:none;
padding:5px 0 0 0;
font-weight:bold;
color:#636363;
font-size:14px;
}

/* ################################################## PAGE CONTACT ################################################### */

#contact {
width:306px;
float:left;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
}

#contact_droite {
float:left;
width:578px;
padding-left:38px;
padding-top:30px;
padding-bottom:10px;
}

#formulaire_gauche {
float:left;
width:278px;
margin-right:20px;
}

#formulaire_droite {
float:left;
width:278px;
}

.picto {
float:left;
padding:15px 20px 15px 40px;
background:url(images/picto1.jpg) no-repeat 0 15px;
}

.picto2 {
float:left;
padding:15px 20px 15px 40px;
background:url(images/picto2.jpg) no-repeat 0 15px;
}

.picto3 {
float:left;
padding:15px 20px 15px 40px;
background:url(images/picto3.jpg) no-repeat 0 15px;
}

/*------------------formulaire-------------*/

#form{
    padding:0;
    margin:0;
}

label{
    display:block;
    float:left;
    width:70px;
	font-size:12px;
}

.input{
    width:200px;
    height:15px;
    font:;
    border:solid 1px #000;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
}

textarea{
    width:200px;
    height:60px;
    font:;
    border:solid 1px #000;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
}

#bouton{
    display:block;
    width:90px;
	height:15px;
	background-color:#FFFFFF;
    padding:0;
    margin:0 0 0 70px;
    border:solid 1px #000;
    cursor:pointer;
	font-size:12px;
	line-height:12px;
}

/* ################################################## PAGE MENTIONS LEGALES ################################################### */

#mentions {
margin:0 auto;
width:650px;
padding:10px 0 10px 0;
}

#mentions p {
text-align:center;
}

.titre_mentions {
font-weight:bold;
padding:8px 0 4px 0;
}

/* ################################################## PAGE ACTIVITES ################################################### */

#seances_droite2 {
float:left;
padding:50px 0 20px 50px;
width:200px;
}

#seances_droite2 img {
}

#seances ul {
color:#636363;
padding:10px 0 0 16px;
}

#seances #lien_imprimer {
text-align:center;
background:none;
}

#lien_imprimer a {
color:#7a0c91;
text-decoration:none;
}

#lien_imprimer a:hover {
text-decoration:underline;
}

/* ################################################## PAGE ACTUALITES ################################################### */

#actu ul {
padding-top:5px;
}

#actu li{
padding-bottom:7px;
text-align:center;
}

#actu li a {
color:#53c0d1;
text-decoration:none;
}

#actu li a:hover {
text-decoration:underline;
}

#page_actu {
padding:40px 0 20px 20px;
width:500px;
float:left;
}

#page_actu img{
float:left;
margin-right:10px;
}


/** modif **/

#img1 {
	margin-bottom: 100px;

}

#img2 {
	margin-bottom: 30px;

}

#img3 {

}

.link a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

.link a:hover{
	color:#666666;
}

/* MODIFS LOUISE DECEMBRE 2008 */

#cartes{
	padding:0 40px;
	color:#636363;
}

.lot-3{
	float:left;
	width:314px;
	padding:15px 100px 15px 50px;
	text-align:center;
}

.lot-6{
	float:left;
	width:314px;
	padding:15px 0 15px 0;
	text-align:center;
}

#cartes ul li{
	list-style-type:disc;
	margin:0;
	padding:0;
	list-style-position:inside;
}

#cartes ul{
	padding:5px 0;
	margin:0;
}

.underline{
	text-decoration:underline;
}

.italic{
	font-style:italic;
}

.mention{
	text-align:center;
	font-style:italic;
	color:#00CCCC;
	clear:both;
	font-size:11px;
	padding:10px 0 5px 0;
}