/* HTML ELEMENTS */

body {
margin: 0px 0px 10px 0px;
padding: 0px;
background-color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

img {
border: 0px;
}

ul {
margin: 10px 0px 0px 20px;
padding: 0px;
}

li {
margin: 2px 2px 5px 2px;
padding: 2px;
list-style-position: outside;
}

ul li {
list-style-type: disc;
}


#toplinks a {
color: #000000;
text-decoration: none;
font-size: 10px;
}

#toplinks a:hover {
color: #000000;
text-decoration: underline;
}

#toplinks a:visited {
color: #000000;
text-decoration: none;
}

.content {
border: 1px solid #b2b2b2;
padding: 10px;
text-align: justify;
}

.contentBIG {
padding: 12px;
}

.content a {
color: #2161ba;
text-decoration: underline;
}

.content a:hover {
color: #000000;
}

.content a:visited {
color: gray;
}

.content p {
margin: 5px 0px 10px 0px;
}

h1 {
color: #8e4505;
font-size: 14px;
font-weight: bolder;
margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 0px;
background-image: url('images/h1-decoration.gif');
background-position: bottom left;
background-repeat: no-repeat;
}

h2 {
color: #2161ba;
font-size: 12px;
font-weight: bolder;
margin: 20px 0px 0px 0px;
padding: 0px;
text-transform: uppercase;
}

.methodeBox {
background-color: #d0ad92;
border: 1px solid #915220;
padding: 3px;
text-align: center;
font-size: 10px;
}

.methodeBoxRow1, .methodeBoxRow2 {
padding: 5px 0px 5px 8px;
margin: 0px 0px 2px 0px;
color: white;
text-align: left;
}

.methodeBoxRow1 a, .methodeBoxRow2 a {
color: white;
text-decoration: none;
}

.methodeBoxRow1 a:hover, .methodeBoxRow2 a:hover {
color: #d0ad92;
text-decoration: none;
}

.methodeBoxRow1 a:visited, .methodeBoxRow2 a:visited {
color: white;
text-decoration: none;
}


.methodeBoxRow1 {
background-color: #915220;
}
.methodeBoxRow2 {
background-color: #a76734;
}

.methodeBoxNumero {
margin: 0px 7px 0px 0px;
vertical-align: middle;
}

.methodeBoxFleche {
float: right;
margin: 0px 3px 0px 0px;
}


.temoignagesBox {
background-color: #f8f8f8;
text-align: left;
padding: 110px 3px 3px 5px;
border-left: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
color: #686868;
font-size: 9px;
}

.temoignagesBox p {
margin: 3px 0px 3px 0px;
}

.temoignagesHeaderBox {
background-color: black;
text-align: center;
margin: 2px 0px 0px 0px;
border-left: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
border-top: 1px solid #b2b2b2;
}

.bottom {
padding: 4px;
text-align: center;
color: #aeaeae;
font-size: 9px;
width: 750px;
}

.bottom a {
color: #aeaeae;
text-decoration: none;
}

.bottom a:hover {
color: #000000;
text-decoration: none;
}

.bottom a:visited {
color: #aeaeae;
text-decoration: none;
}

.bottom p {
margin: 0px 0px 4px 0px;
}

a.etapes  {
color: #000000;
text-decoration: none;
font-size: 10px;
}

a.etapes:hover {
color: #000000;
text-decoration: underline;
}

a.etapes:visited {
color: #000000;
text-decoration: none;
}





.blueBox {
	background-color: #bfd7f9;
	border: 1px solid #915220;
	padding: 3px;
	text-align: center;
	font-size: 11px;
	width: 500px;
	border-color: #000000;
}
.blueBoxAll {
	background-color: #bfd7f9;
	border: 1px solid #915220;
	padding: 3px;
	text-align: center;
	font-size: 11px;
	border-color: #000000;
}
