/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
        margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
        font-family: inherit; vertical-align: baseline;
}

body {	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 160%;
    color:#343434;
}

/* COULEURS */
.noir { color: #000000; }
.vert { color: #84a98d; }
.rouge { color: #b61f2a; }
.gris { color:#505050; }
.grisFonce{ color:#343434; }
.bleu { color: #1d5e7b; }
.bleuFonce { color: #00425c; }
.bleuClair { color: #96c4d1; }
.blanc { color: #ffffff; }
.orange { color: #fb6f00; }

a { text-decoration: underline; color:#000000; }
a:hover { text-decoration: none;}

p { margin-bottom: 20px;}

.clear{clear: both;display: block;}

strong{ color: #1d5e7b; }
b{color:#000000;}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
	font-family: 'Cantarell', arial, serif;
}

h1 { font-size: 27px; margin-bottom:25px;}
h2 { font-size: 23px; margin-bottom:15px;}
h3 { font-size: 22px; margin-bottom:10px;}
h4 { font-size: 18px; margin-bottom:10px;}
h5 { font-size: 16px; margin-bottom:10px;}
h6 { font-size: 14px; margin-bottom:10px;}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* ---- LES LISTES ORDONNES ---- */
ol.ordered {
	padding-left: 2.1em;
}

ol.type-1 {list-style: decimal-leading-zero;}
ol.type-2 {list-style: decimal;}

ul.unordered{margin:5px 0 10px 30px;}

ul.unordered li {
	padding: 4px 0 4px 30px;
	background-position: 0 0.75em;
	background-repeat: no-repeat;
}

ul.unordered.type-1 li {background: url(images/icons/small/tick.png) no-repeat 3px 5px;}
ul.unordered.type-2 li {background-image: url(images/icons/small/add_small.png);}
ul.unordered.type-3 li {background-image: url(images/icons/small/application_osx.png);}
ul.unordered.type-4 li {background-image: url(images/icons/small/arrow_small_right.png);}
ul.unordered.type-5 li {background-image: url(images/icons/small/arrow_state_blue_right.png);}
ul.unordered.type-6 li {background-image: url(images/icons/small/check.png);}
ul.unordered.type-7 li {background-image: url(images/icons/small/document_a4_edit.png);}
ul.unordered.type-8 li {background-image: url(images/icons/small/document_copy.png);}
ul.unordered.type-9 li {background: url(images/icons/small/folder_classic.png) no-repeat 3px 5px;}
ul.unordered.type-10 li {background-image: url(images/icons/small/folder_modernist_stuffed.png);}
ul.unordered.type-11 li {background-image: url(images/icons/small/pencil.png);}
ul.unordered.type-12 li {background-image: url(images/icons/small/star_empty.png);}
ul.unordered.type-13 li {background-image: url(images/icons/small/thumb_up.png);}
ul.unordered.type-14 li {background-image: url(images/icons/small/view_outline.png);}
ul.unordered.type-15 li {background-image: url(images/icons/small/warning_triangle.png);}
ul.unordered.type-16 li {background-image: url(images/icons/small/media_controls_forward_small.png);}

ul.unordered li a {color:#000000; text-decoration:none;}
ul.unordered li a:hover {color:#18508a; text-decoration:underline;}

#logo{width:800px; margin:20px auto 20px auto; text-align:center;
box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);}

#contenu{margin:0 auto 15px auto; padding:10px; width:780px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    display: block;
    text-align:justify;
}

.encadre{
width:450px;
margin: 0 auto 20px auto;
color: #000000;
font-size:12px;
border: 1px dotted #000000;
background: #ffffff url(/images/table_back.gif) repeat-x;
background-position: top;
padding: 10px;
}

.encadre h2{text-align:center;}

#footer {height: 26px;
		 width: 770px;
		 background:#ffffff url(images/fond-footer.png) repeat-x top center;
		 padding: 10px 15px 0 15px;
		 box-shadow:1px 1px 5px #000000; -webkit-box-shadow:1px 1px 5px #000000; -moz-box-shadow:1px 1px 5px #000000;
		 margin-bottom:15px;
		 color:#FFFFFF;
		 font-weight:bold;
		 text-align:center;
		}
#footer a{color:#FFFFFF; text-decoration:none;}
#footer a:hover {border-bottom: 2px solid #476d50;
				padding-bottom:1px;}