/* CSS Document */
body {padding:0; margin:0; font-family:comic sans ms; font-size:14px; font-weight:normal; color:#3333cc; background:url(images/fond05.png) repeat-x #ff9900;}
div {margin:0; padding:0}
img {margin:0; padding:0}
a {margin:0; padding:0}
ul {margin:0; padding:0}
li {margin:0; padding:0}
img.left {float:left; margin:6px 15px 0 0;}
img.right {float:right; margin:6px 0 0 15px;}
.left {text-align:left;}
.right {text-align:right;}
p {margin:0; padding:0}
h1 {margin:0; padding:0}
h2 {margin:0; padding:0}

/* class couleur de texte */
.marron {color:#996633}
.rouge {color:#ff0000}
.vert {color:#33cc33}
.orange {color:#ff9900}
.violet {color:#9933cc}
.bleuclair {color:#00ccff}
.jaune {color:#ffdd00}
.rose {color:#ff99ff}
.bleufonce {color:#003ccc}
.noir {color:#333333}
.gris {color:#999999}
.stylo {color:#3333cc}

/* class cadre */
.cadremarron {border:solid 2px #996633;}
.cadrerouge {border:solid 2px #ff0000}
.cadrevert {border:solid 2px #33cc33}
.cadreorange {border:solid 2px #ff9900}
.cadreviolet {border:solid 2px #9933cc}
.cadrebleuclair {border:solid 2px #00ccff}
.cadrejaune {border:solid 2px #ffdd00}
.cadrerose {border:solid 2px #ff99ff}
.cadrebleufonce {border:solid 2px #003ccc}
.cadregris {border:solid 2px #999999}

/* décor calepin */
#ressorts {width:780px; height:71px; margin:10px auto 0; background:url(images/calepin2.png) repeat-x;}
#calepin {width:780px; margin:0 auto 0; background:url(images/calepin3.png);}
#taches {width:780px; margin:0 auto 0; background:url(images/calepin4.png);}

/* titre */
#titre {width:760px; height:160px; margin:0 10px 0; background:url(images/titre01.gif) no-repeat;}
#titre a {display:block; width:760px; height:160px;}

/* lignes */
#ligne01 {width:760px; height:12px; margin:0 10px 0; background:url(images/ligne01.gif) no-repeat center center;}
#ligne02 {width:760px; height:10px; margin:0 10px 0; background:url(images/ligne02.gif) no-repeat center center;}

/* menu */
#menu {margin:10px 0px 0;}
#menu a {display:block; height:40px; width:100px; padding-top:10px; text-align:center; text-decoration:none; font-weight:bold; font-size:18px;}
#menu a:hover {color: #3333cc; background:url(images/bgmenu2.gif) no-repeat center center;}

/* corps */
#corps {width:760px; margin:0 10px 0; padding-top:20px;}
#corps h1 {font-weight:bold; font-size:24px; text-align:center; text-decoration:none; padding-bottom:20px;}
#corps p {text-align:justify; text-decoration:none; color:#3333cc;}
 
/* edito */
#edito {width:720px; padding:0 20px 40px;}
#edito p {text-indent:50px;}

/* activités */
#activite {clear:both; border-bottom:1px dashed #c0c0c0; padding:12px 0 12px;}
#activite img {border-style:none; padding-bottom:5px;}
#activite h2 {font-weight:normal; font-size:16px; text-decoration:none; padding-bottom:10px;}
#activite p {text-align:justify; text-decoration:none; color:#3333cc;}

/* colonne gauche */
#gauche {width:340px; padding:0 19px 0; float:left;}
#gauche a {text-decoration:none;}

/* colonne droite */
#droite {width:340px; padding:0 19px 0; float:right;}
#droite a {text-decoration:none;}

/* newsletter */
#newsletter {clear:both; width:720px; padding:30px 20px 0px;}
#newsletter p {text-indent:50px;}

/* formulaire newsletter */
#newsletter form {width: 80%; margin:10px auto 0;}
#newsletter input {color:#3333cc; font-family:comic sans ms; border-style:solid; border-color:#003ccc; background-color:#C9D9FF;}   

/* menu gauche */
#menuga {width:165px; padding:0 5px 0; float:left;}
#menuga h3 {padding-left:30px; color:#3333cc; font-weight:bold; font-size:18px;}
#menuga li {padding:5px 0px; list-style-type :none;}
#menuga p {padding-left:30px; text-align:left; text-decoration:none;}
#ligne03 {padding:5px 0px; border-bottom:1px dashed #c0c0c0;}

/* colonne photos*/
#photos {width:565px; padding:0 5px 0 10px; float:right; border-left:1px dashed #c0c0c0;}
#photos h4 {font-size:24px; font-weight:bold; text-align:center;}
#photos h5 {font-size:14px; font-weight:bold; text-align:center;}
#photos img {padding:0;}
#photos table{font-size:12px; margin-bottom:25px;}
#photos p {margin:15px 0 25px; text-indent:60px; text-align:justify; clear:both;}
#photos ul {margin-top:0; padding-left:40px; list-style-type:disc;}

/*photos restantes*/
#restephotos {text-align:center; clear:both;}
#restephotos img {margin:10px 5px; clear:both;}

/* réunion  */
#reunion {width:565px; padding:0 5px 0 10px; float:right; border-left:1px dashed #c0c0c0;}
#reunion {font:normal 12pt times new roman;}
#reunion h1 {font-weight:bold; font-size:16pt; text-align:center; text-decoration:none; padding-bottom:20px;}
#reunion h2 {font-weight:bold; font-size:14pt; text-align:left; text-decoration:underline; margin:20px 0 20px; }
#reunion h3 {text-indent:40px; font-weight:normal; font-size:12pt; text-align:left; text-decoration:underline; margin:20px 0 0;}
#reunion h4 {font-weight:bold; font-size:14pt; text-align:center; text-decoration:underline; font-style:italic; margin:40px 0 20px;}
#reunion p {text-align:justify; margin:0;}
#reunion ul {margin-top:0; padding-left:40px; list-style-type:disc;}

/* formulaire contact */
#contact form {width: 80%; margin:0 auto 0;}
#contact legend {font-size:12pt;}
#contact fieldset {border-style:solid; border-color:#ff9900;}
#contact input {color:#3333cc; font-family:comic sans ms; border-style:solid; border-color:#ff9900; background-color:#ffe9c9;}   
#contact textarea {border-style:solid; border-color:#ff9900; background-color:#ffe9c9;}   
#contact p {text-indent:50px;}

/* accès membres*/
#membres input {color:#3333cc; font-family:comic sans ms; border-style:solid; border-color:#00ccff; background-color:#def8ff;}   

/* pied  */
#pied {clear: both; width:780px; margin:25px 0 0; padding:20px 0 20px; background:url(images/ligne01.gif) no-repeat center top;}
#pied p {font-size:12px; text-align:center;}

/* fond  */
#fond {clear: both; height:20px;}