html,body { height:100%; font-family:Candara, Tahoma, Verdana; }
html,body,form,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
ul,ol { list-style-type:none; }
li,th,td,div,p,a,h1,h2,h3,h4,h5,input,select,textarea { font-family:Candara, Tahoma, Verdana; font-size:11px; color:#000000; font-weight:normal; }
body { background:#FFFFFF url(../images/background.jpg) repeat-x; }
.txt, textarea, select { color:#000000; padding:2px 3px 2px 3px; border:1px solid #999999; }
.btn { width:80px; padding:3px 0 3px 0; margin-top:10px; }
img { display:block; border:none; }
form { padding:0 0 10px 0; }
p { padding:0 0 10px 0; }
p.nopad { padding-bottom:0; }
a { color:#0e67e1; text-decoration:underline; }
a:hover { color:#EA0304; text-decoration:none; }
table td { vertical-align:top; }
table td.label { padding:5px 5px 0 0; }
table td.field { padding-bottom:1px; }

* { font-size-adjust: 0.50; }

#container { width:962px; margin:0 auto; }

#header { width:962px; height:138px; background-image:url(../images/header.jpg); background-repeat:no-repeat; }
#header #logo { position:absolute; width:230px; height:138px; margin:0px 0 0 5px; }

#menu { width:100%; height:51px; background-image:url(../images/menubar.jpg); background-repeat:no-repeat; overflow:hidden; }
#menu ul { clear:left; float:left; position:relative; left:50%; text-align:center;}
#menu ul li { float:left; padding-left:10px; padding-right:10px; padding-top:13px; position:relative; right:50%; }
#menu ul li a { font-size:18px; color:#000000; font-weight:bold; text-decoration:none; }
#menu ul li a:hover { color:#0e67e1; text-decoration:underline; left bottom no-repeat; }
#menu ul li a.active { color:#0e67e1; text-decoration:underline; left bottom no-repeat; }
#menu ul li a.active:hover { color:#0e67e1; text-decoration:underline; left bottom no-repeat; }

#images { width:962px; height:308px; background-image:url(../images/images-mid.jpg); background-repeat:no-repeat; }
#images h1 { text-indent:-9999px; }

#main { width:962px; height:776px; background-image:url(../images/main.jpg); background-repeat:no-repeat; }
#main_top { width:962px; height:50px; background-image:url(../images/main_top.jpg); background-repeat:no-repeat; }
#main_mid { width:962px; background-image:url(../images/main_mid.jpg); background-repeat:repeat-y; }
#main_bottom { width:962px; height:76px; background-image:url(../images/main_bottom.jpg); background-repeat:no-repeat; }
#main_top_contact { width:962px; height:50px; background-image:url(../images/main_top_contact.jpg); background-repeat:no-repeat; }
#main_top_ressources { width:962px; height:50px; background-image:url(../images/main_top_ressources.jpg); background-repeat:no-repeat; }
#main_top_CA { width:962px; height:50px; background-image:url(../images/main_top_CA.jpg); background-repeat:no-repeat; }

#colonnegauche { float:left; width:270px; height:600px; padding-top:60px; padding-left:30px; padding-right:20px; line-height:20px; }
#colonnegauche h1{ font-size:16px; color:#000000; font-weight:bold; }
#colonnegauche h2 { font-size:30px; color:#0e67e1; font-weight:bold; font-style:italic; }
#colonnegauche p { font-size:14px; color:#000000; font-weight:normal; padding-bottom:0px; }
#colonnegauche ul { padding-left:15px; }
#colonnegauche ul li { list-style-type: circle; font-size:14px; color:#000000; font-weight:normal; padding-bottom:15px; }

#colonnedroite { float:left; width:550px; height:600px; padding-top:60px; padding-left:20px; padding-right:30px; line-height:20px; }
#colonnedroite h1{ font-size:16px; color:#000000; font-weight:bold; }
#colonnedroite h2 { font-size:30px; color:#0e67e1; font-weight:bold; font-style:italic; }
#colonnedroite p { padding-bottom:0px; }
#colonnedroite #calendar { font-size:16px; color:#0e67e1; font-weight:bold;}
#colonnedroite #calendar h2 { float:left; font-size:18px; color:#0e67e1; font-weight:bold; line-height:16px; }
#colonnedroite #calendar h3 { font-size:16px; color:#000000; font-weight:normal; line-height:16px; } /* line-height:14px; changed here to correct the view of details in the index page.*/
#colonnedroite #calendar h3 a { font-size:16px; font-weight:normal; line-height:16px; } 
#colonnedroite #calendar h4 { float:left; font-size:18px; color:#0e67e1; font-weight:bold; line-height:14px; }
#colonnedroite #calendar h5 { font-size:16px; color:#000000; font-weight:normal; line-height:14px; }
#colonnedroite #calendar h5 p { font-size:16px; color:#000000; font-weight:normal; line-height:18px; }
#colonnedroite #calendar h5 a { font-size:16px; font-weight:normal; line-height:14px; }
#colonnedroite #calendar p { padding-bottom:0px; line-height:14px; }


#admin { font-size:16px; color:#0e67e1; font-weight:bold; }
#admin h2 { float:left; font-size:18px; color:#0e67e1; font-weight:bold; line-height:10px; }
#admin h3 { font-size:16px; color:#000000; font-weight:normal; line-height:10px; }
#admin h4 { float:left; font-size:18px; color:#0e67e1; font-weight:bold; line-height:18px; }
#admin h5 { font-size:16px; color:#000000; font-weight:normal; line-height:18px; }
#admin p { padding-bottom:0px; }

#info-colonnegauche { float:left; width:270px; padding-top:10px; padding-left:30px; padding-right:20px; line-height:20px; }
#info-colonnegauche h1{ font-size:16px; color:#000000; font-weight:bold; }
#info-colonnegauche h2 { font-size:30px; color:#0e67e1; font-weight:bold; font-style:italic; }
#info-colonnegauche p { font-size:14px; color:#000000; font-weight:normal; padding-bottom:0px; }
#info-colonnegauche ul { padding-left:15px; }
#info-colonnegauche ul li { list-style-type: circle; font-size:14px; color:#000000; font-weight:normal; line-height:15px; padding-bottom:10px; }

#info-colonnegauche p a { font-size:14px; font-weight:bold; }
#info-colonnegauche p a :hover { font-size:14px; font-weight:bold; }

#info-colonnedroite { float:left; width:550px; padding-top:10px; padding-left:20px; padding-right:30px; line-height:20px; }
#info-colonnedroite h1{ font-size:16px; color:#000000; font-weight:bold; }
#info-colonnedroite h2 { font-size:30px; color:#0e67e1; font-weight:bold; font-style:italic; }
#info-colonnedroite td { font-size:12px; color:#0e67e1; font-weight:bold; line-height:14px; }
#info-colonnedroite p { font-size:14px; color:#0e67e1; font-weight:bold; line-height:16px; }
#info-colonnedroite li { float:left; width:50%; font-size:14px; color:#0e67e1; font-weight:bold; line-height:20px; }
#info-colonnedroite img { margin-left:auto; margin-right:auto;  line-height:40px; }

#info-CA-colonnedroite { float:left; width:225px; padding-top:10px; padding-left:60px; padding-right:10px; line-height:20px; }
#info-CA-colonnedroite p { font-size:14px; color:#0e67e1; font-weight:bold; line-height:16px; }
#info-CA-colonnedroite img { margin-left:auto; margin-right:auto;  line-height:40px; }


#boutongauche { float:left;  width:140px; padding-left:180px; padding-top:10px; }
#boutongauche li a { position:relative; display:block; width:115px; height:36px; background-image:url(../images/bouton-ressources.png); background-repeat:no-repeat; text-indent:-10000px; overflow:hidden; }
#boutongauche li a:hover { background-position:0 -36px; }

#boutondroite { padding-left:800px; padding-top:10px; }
#boutondroite li a { position:relative; display:block; width:115px; height:36px; background-image:url(../images/bouton-contact.png); background-repeat:no-repeat; text-indent:-10000px; overflow:hidden; }
#boutondroite li a:hover { background-position:0 -36px; }

#association { width:962px; background-image:url(../images/background-white.jpg); background-repeat: repeat-y; }
#association h1 { font-size:16px; color:#000000; font-weight:bold; text-align:center; }

#pagebottom { width:962px; height:40px; background-image:url(../images/pagebottom.jpg); background-repeat:no-repeat; text-align:center; font-size:12px; color:#000000; }
#pagebottom a { font-size:12px; }