/*************************/
/***    RESET         **********/
/************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
body {	line-height: 1;	color: black;	background: white;}
ol, ul {	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
/******************************************/
/***          FIN RESET                 *****************/
/*****************************************/
.clear
{
clear:both;
}
ul
{
padding: 5px 0 10px 30px;
}
li
{
line-height:1.5em;
background-image: url(img/puce.gif);
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 25px;
}
.green {color:green;}
.center {text-align:center;}
hr
{
margin:15px 0 15px 0;
color: silver;
background-color:silver;
height: 1px;
border: 0;
}
p
{
margin:5px 0 5px 0;
}
body
{
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#333;
font-size:0.8em;
line-height:140%;
padding-top:0px;
background:white url(img/bg.png) repeat-x;
}
#header
{
width:970px;
height:68px;
margin:auto;
border:0px solid silver;
}
#header h1
{
color:lime;
font-size:240%;
float:left;
padding:20px 0 0 20px;
}
#header h1 a
{
text-decoration:none;
}
#header h1 .suite
{
color:lime;
}
#header h2
{
color:white;
font-size:120%;
color:white;
float:left;
padding:34px 0 0 20px;
}
#header #menu
{
float:right;
margin:38px 10px 0 0;
/*width:300px;*/
border:0px solid red;
color:white;
background:#444;
padding:3px 10px 2px 25px;
}
#header #menu a
{
float:left;
display:block;
padding:0px 0px 0px 0px;
border-bottom:1px solid transparent;
color:white;
margin-right:15px;
text-decoration:none;
}
#header #menu a:hover
{
border-bottom:1px solid lime;
color:white;
text-decoration:none;
}
#header #menu .selected
{
border-bottom:1px solid transparent;
color:lime;
text-decoration:none;
}
.conteneur
{
width:970px;
margin:10px auto;
}
.conteneur h2
{
color:#669900;
font-size:140%;
margin:10px 0 10px 0;
font-weight:bold;
font-family:georgia;
/*font-style:italic;*/
}
.conteneur .left
{
margin: 0 10px 0 15px;
float:left;
width:96.5%;
border:0px solid silver;
}
.conteneur .right
{
margin: 0 0px 0 10px;
float:right;
width:250px;
border:0px solid silver;
padding:0 0 0 15px;
border-left:0px solid #669900;
}

#main
{
width:940px;
height:171px;
background:url(img/water.png) no-repeat;
margin:auto;
}
#main h6
{
font-size:130%;
color:green;
padding:10px;
float:left;
margin:10px 0 0 10px;
font-weight:normal;
background:white;
}
#main #box1
{
float:right;
margin:110px 0px 0 0px;
padding:7px 0 0 20px;
height:30px;
width:400px;
background:url(img/image.png) no-repeat;
color:#E2E2E2;
font-weight:bold;
font-size:110%;
text-align:left;
}
.top
{
background:url(img/bg-top.png) no-repeat;
height:13px;
width:970px;
}
.middle
{
background:url(img/bg-middle.png) repeat;
width:970px;
}
.bottom
{
background:url(img/bg-bottom.png) no-repeat;
height:10px;
width:970px;
}
#footer
{
width:960px;
margin:10px auto 200px auto;;
font-size:11px;
border-top:1px solid silver;
padding:10px 0 0 0;
color:#888;
text-align:center;
}
#footer a
{
color:#888;
text-decoration:underline;
}
#footer a:hover
{
color:#888;
text-decoration:none;
}
#footer .left
{
float:left;
}
#footer .right
{
float:right;
text-align:right;
}
form
{
margin-left:00px;
color:#111;
}
input, textarea
{
border:1px solid #75AC22;
width:400px;
padding:3px;
font-family:arial;
margin:5px 0 5px 0;
color:#444;
font-family:arial;
font-size:100%;
letter-spacing:0.03em;
}
.submit
{
cursor:pointer;
width:150px;
background:white;
}

/********************************************/
.conteneur-boites
{
margin:25px 0 30px 0;
height:150px;
border:0px solid red;
width:660px;
}
.conteneur-boites .left
{
background:url(img/box1.png) no-repeat;
float:left;
height:150px;width:300px;
}
.conteneur-boites .right
{
background:url(img/box1.png) no-repeat;
float:right;
height:150px;width:300px;
}
.conteneur-boites .left .in
{
padding:10px 10px 10px 10px;
border:0px solid silver;
}
.conteneur-boites .right .in
{
width:280px;
margin:0px 0px 0 -15px;
padding:10px 10px 10px 10px;
border:0px solid silver;
}
.conteneur-boites h3
{
background:url(img/Cancel.png) 0 1px no-repeat;
height:18px;
color:green;
font-size:120%;
text-indent:30px;
font-weight:normal;
margin:0 0 5px 0;
}
.conteneur-boites ul
{
padding: 5px 0 0px 10px;
}
.conteneur-boites li
{
line-height:1.2em;
background-image: url(img/puce.gif);
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 25px;
}
/*************************************/