/*CWWA Main CSS Sheet*/
/* Made by Etienne F. for CWWA*/
/*2010*/
/*Be Careful When Modifying It*/
/* needs xthml 1.0 to work correctly */

body
{
width: 880px; /*Page width - largeur de la page*/
margin: auto; /*Page centered - page centrée*/
margin-top: 5px; 
margin-bottom: 5px;
}

p  /*paragraph specificities - caracteristiques des paragraphes réguliers */
{
font-family: arial, "times new roman", serif; /* font used for paragraphs - police de base pour les paragraphes */
font-size: 14px; /* font size (1em = normal size) - taille de la police (1em=taille normale)*/
padding: 2px; /* space between the lines - interligne */
}

h1
{
color: rgb(0,51,153); 
font-family: century, "comic sans ms", arial, serif;
font-style: italic;
}

h2
{
color: rgb(0,51,153);
font-family: century, "comic sans ms", arial, serif;
font-style: italic;
}

h3
{
color: rgb(0,51,153);
font-family: century, "comic sans ms", arial, serif;
}

a /*links - liens */
{
color: black; /* color of the link - couleur du lien */
}

img, img:hover  
{
border: 0; /* no border to the pictures (would appear when the picture is a link) - pas de bordure à l'image ( qui apparaîtrait lorsque l'image est un lien) */
background: white;
}

acronym, acronym:hover /* properties of acronyms inserted into html - propriétés des acronymes insérés dans du html */
{
border-bottom: 1px dotted black;
cursor: help;
}



td, tr
{
font-family: arial, "times new roman", serif; /* font used for paragraphs - police de base pour les paragraphes */
 font-size: 14px;  /*font size (1em = normal size) - taille de la police (1em=taille normale)*/
}

.h1
{
color: rgb(0,51,153);
font-family: century, "comic sans ms", arial, serif;
}

.h2
{
color: rgb(0,51,153);
font-family: century, "comic sans ms", arial, serif;
font-weight: bold;
font-size: 1.1em;
}

.h3
{
color: rgb(0,51,153);
font-family: century, "comic sans ms", arial, serif;
font-size: 1.2em;
font-weight: bold;
}

.calendar
{
height: 30px;
margin: 2px;
font-family: arial, sans-serif;
border-right: solid 1px;
}

.small_text
{
font-size: 0.7em;
}

/* --------------lists -----------------------------*/

ul
{
font-family: arial, "times new roman", serif;
font-size: 14px;
margin: 2px;
padding-left: 5px;
}

ol
{
font-family: arial, "times new roman", serif;
font-size: 0.9em;
margin: 2px;
padding-left: 5px;
}

li
{
margin-left: 25px;
padding-top: 5px;
}

dl
{
font-family: arial, "times new roman", serif;
font-size: 0.9em;
}

dt
{
font-weight: bold;
color: #ff9900;
margin-top: 15px;
}

dd
{
margin-top: 5px;
}

.list_decimal
{
list-style-type: decimal;
}


.list1
{
list-style-image: url("images/point_list_point.png");
list-style-position: outside;
}

.list2
{
list-style-image: url("images/point_list_circle.png");
list-style-position: outside;
}

.list_invisible
{
list-style: none;
list-style-position: outside;
margin-left: 0px;
}

.list_arrow
{
list-style-image: url("images/point_list_arrow.png");
list-style-position: outside;
}

.list_diamond
{
list-style-image: url("images/point_list.png");
list-style-position: outside;
}

.list_definition_1
{
list-style-image: url("images/point_list_point.png");
list-style-position: outside;
margin-left: 40px;
}

.list_definition_2
{
list-style-image: url("images/point_list.png");
margin-left: 40px;
list-style-position: outside;
}

.list_definition_3
{
list-style-image: url("images/point_list_circle.png");
margin-left: 40px;
list-style-position: outside;
}

.list_definition_ol
{
margin-left: 40px;
font-size: 1em;
list-style-position: outside;
}

 /*-------------------------------------------------------*/
 
.celltitle
{
background-color: #3366cc;
font-family: century, "comic sans ms", arial, sans-serif;
color: white;
font-size: 1.2em;
font-weight: bold;
}

.celltitle_2
{
background-color: #3366cc;
font-family: century, "comic sans ms", arial, sans-serif;
text-transform: uppercase;
color: white;
font-size: 0.8em;
font-weight: bold;
}

.calendar_title
{
background-color: #003399;
font-family: century, "comic sans ms", arial, sans-serif;
color: white;
font-size: 1.2em;
font-weight: bold;
}


.mainhead
{
font-size: 2em;
font-weight: bold;
font-family: "times new roman", sans-serif;
color:#003399;
}

.bold
{
font-weight: bold;
}

.italic
{
font-style: italic;
}

.bold_italic
{
font-weight: bold;
font-style: italic;
}

.important
{
color: red;
font-weight: bold;
}

.important_2
{
color: #b50a00;
font-weight: bold;
}

.important_3
{
color: #400000;
font-weight: bold;
}

.spoiler
{
font-family: arial, "times new roman", sans-serif;
color: #0570ff;
}

.spoiler:hover
{
text-decoration: underline;
cursor: pointer;
}

.arial
{
font-family: arial, "times new roman", sans-serif;
font-size: 0.9em;
}

.blue_text
{
color: blue;
font-family: "times new roman", arial, sans-serif;
font-size: 0.9em;
}

.green_text
{
color: #006600;
}

.orange_title
{
font-family: arial, "times new roman", sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #ff9900;
}

.orange_text
{
font-family: arial, "times new roman", sans-serif;
font-weight: bold;
color: #ff9900;
}

.yellow_background
{
background: #ffffbf;
}

.img_left
{
float: left;
margin-left: 5px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px;
}

.img_right
{
float: right;
margin-right: 30px;
margin-left: 10px;
margin-top: 0px;
}

.float_left
{
float: left;
margin: 15px;
margin-bottom: 25px;
padding-right: 25px;
}

.float_right
{
float: right;
margin: 15px;
margin-bottom: 25px;
}

.left_indent_medium
{
margin-left: 45px;
}

.left_indent_large
{
margin-left: 90px;
}

.left_indent_xlarge
{
margin-left: 180px;
}

.stop_float
{
clear: both;
}

hr
{
height: 4px;
width: 680px;
color: #003399;
background: #003399;
}

#corps
{
background: white;
padding: 5px;
margin-top: 10px;
}

/*----------header properties-------*/
#header
{
width: 880px;
margin-bottom: 10px;
background: white;
}

#header a:hover a:visited
{
background: white;
}

#top, #top a:hover, #top a:focus
{
width: 880px;
background: white;
color: white;
margin-bottom: 10px;
}



/*----------header properties-------*/
#header
{
width: 880px;
margin-bottom: 10px;
background: white;
}

#header a:hover a:visited
{
background: white;
}

#top, #top a:hover, #top a:focus
{
width: 880px;
background: white;
color: white;
margin-bottom: 10px;
}

#left_menu
{
   float: left; /* Le menu flottera à gauche */
   width: 200px; /* Très important : donner une taille au menu */
   margin-top: 30px;
   background: white;
}

.element_menu
{
border: 2px solid #003399;
list-style-image: url("images/point_list.png");
}

#right_text
{
margin-left: 205px;
}

.center_picture
{
background: white;
width: 880px;
}

#menu, #footer
{
display: none;
}