body { font-family: arial, helvetica, tahoma, verdana; background-color: #3c3c3e; background-image: url(../_img/baprint.gif); background-repeat: repeat-x; margin: 0; padding: 0; }


#global { position: absolute; left: 50%; width: 800px; height: auto; margin-top: 10px; margin-left: -400px; }
/*menu ------------------*/
#menu { color: silver; font-size: 13px; font-family: arial, helvetica, tahoma, verdana; line-height: 26px; background-image: url(../_img/fondmenu.gif); background-repeat: no-repeat; background-position: right 0; position: relative; top: 5px; left: 0; width: 800px; height: 30px; float: left; clear: both; margin: 0; padding: 0; display: block; }

#menu ul,li { margin: 0; padding: 0; }

#menu ul { width: 800px; height: 30px; float: left; clear: both; display: block; }

#menu li { height: 30px; float: left; margin-right: 1px; list-style-type: none; display: block; }
a#link { color: #dedede; text-decoration: none; background-image: url(../_img/fond_menu.gif); background-position: -5px 30px; height: 30px; float: left; padding-right: 15px; padding-left: 15px; list-style-type: none; display: block; }
a#link:hover { color: #dedede; background-image: url(../_img/fond_menu.gif); text-decoration: none; background-position: -5px 0; height: 30px; float: left; padding-right: 15px; padding-left: 15px; list-style-type: none; display: block; }
a#linkon { color: #dedede; text-decoration: none; background-image: url(../_img/fond_menu_on.gif); background-position: -5px 0; height: 30px; float: left; padding-right: 15px; padding-left: 15px; list-style-type: none; display: block; }
a#start { color: #dedede; background-image: url(../_img/fond_menu.gif); text-decoration: none; background-position: 0 30px; height: 30px; float: left; padding-right: 15px; padding-left: 15px; list-style-type: none; display: block; }
a#start:hover { color: #dedede; background-image: url(../_img/fond_menu.gif); text-decoration: none; background-position: 0 0; height: 30px; float: left; padding-right: 15px; padding-left: 15px; list-style-type: none; display: block; }
a#starton { color: #dedede; text-decoration: none; background-image: url(../_img/fond_menu_on.gif); background-position: 0 30px; height: 30px; float: left; padding-right: 15px; padding-left: 15px; list-style-type: none; display: block; }
/**/
#encart { color: white; background-image: url(../_img/fond_encart.gif); background-position: 0 bottom; position: relative; top: 20px; left: 40px; width: 290px; height: auto; float: left; clear: left; margin: 0 0 40px; padding: 0; display: block; }

#encart p { font-size: 13px; margin: 0; padding: 0 15px 10px; }

/**/
#encart2 { color: white; background-position: 0 bottom; display: block; margin: 0; padding: 0; position: relative; top: 50px; left: 40px; width: 220px; height: auto; float: left; clear: left; }

#encart2 h1 { font-size: 20px; font-weight: bold; text-align: right; margin: 0 0 10px; padding: 0; border-bottom: 1px dotted white; }

#encart2 p { font-size: 13px; text-align: right; margin: 0; padding: 0 0 10px; }

/**/
#encart3 { color: white; text-align: left; display: block; padding: 0 0 20px; position: absolute; top: 70px; right: 30px; width: 200px; height: auto; float: right; clear: right; margin: 0; }

#encart3 h1 { font-size: 20px; font-weight: bold; margin: 0 0 10px; padding: 0; border-bottom: 1px dotted white; }

#encart3 p { font-size: 13px; text-align: left; width: 200px; float: right; clear: right; margin: 0; padding: 0 0 10px; }

#carnet { background-image: url(../_img/fond_carnet.gif); position: relative; top: 30px; width: 200px; clear: both; margin: 0 0 0; padding: 0; display: block; }

/**/

#boite { position: absolute; top: 70px; left: 290px; width: 254px; height: 302px; float: left; margin: 0; padding: 0; }

/**/
.bouton a { color: silver; font-size: 11px; line-height: 18px; background-image: url(../_img/fond_bouton.gif); background-repeat: no-repeat; text-decoration: none; text-align: right; display: block; margin: 0; padding-right: 10px; padding-left: 0; width: 100px; height: 25px; float: right; clear: both; }

.bouton a:hover { color: yellow; }

/*---------------------------------*/
.accueil { position: relative; top: 5px; }

.accueil a { color: silver; font-size: 11px; text-decoration: none; }

.accueil a:hover { color: white; font-size: 11px; }

/*----------------------------------*/

#contenu { background-color: #353536; text-align: left; position: relative; top: 10px; left: 0; width: 800px; height: auto; float: left; clear: both; margin: 0 0 0; padding: 20px 0; display: block; }

#contenu li { margin-bottom: 5px; }

#colintro { color: white; font-size: 13px; font-weight: bold; text-align: left; position: relative; top: 20px; left: 0; width: auto; height: auto; float: left; clear: both; margin: 0; padding: 10px 60px 5px; display: block; }

#col1 { color: white; font-size: 12px; margin: 0; padding: 10px 0 10px 20px; position: relative; top: 0; left: 20px; height: auto; float: left; clear: left; }

#col1 a { color: white; text-decoration: none; }

#col1 a:hover { color: white; text-decoration: underline; }

#col1 h1 { color: white; font-size: 17px; background-image: url(../_img/fondtitre.gif); background-repeat: no-repeat; text-indent: 10px; margin: 0; padding: 2px 2px 2px 6px; }

#col1 h1 a { color: white; text-decoration: none; }

#col1 h1 a:hover { color: yellow; }

#col1 h2 { color: white; font-size: 13px; border-bottom-style: dotted; border-bottom-width: 1px; }

#col1 h3 { color: white; font-size: 17px; line-height: 40px; background-repeat: no-repeat; text-decoration: none; text-indent: 50px; margin-top: 0; margin-bottom: 0; }

#col1 h4 { color: silver; font-size: 17px; line-height: 25px; text-decoration: none; background-repeat: no-repeat; margin-top: 0; padding-left: 10px; border-left: 1px dotted silver; }

#col1 h5 { color: #e2017b; font-size: 22px; text-decoration: none; background-repeat: no-repeat; margin-top: 0; padding-left: 10px; }

#col2 { color: silver; font-size: 12px; display: block; position: relative; top: 0; right: 0; height: auto; float: right; clear: right; margin: 0; padding: 10px 30px 10px 0; }

#col2 ul,li { margin: 0; padding: 0; list-style-position: outside; }

#col2 h1 { font-size: 20px; margin: 0; padding: 0 0 10px; }

#col2 p { margin: 0; }

#col1 h3 a { text-decoration: none; }

#col1 h3 a:hover { text-decoration: none; }

.item { color: white; font-size: 17px; line-height: 40px; background-image: url(../_img/fd_presta.gif); background-repeat: no-repeat; text-indent: 50px; margin: 0; height: 40px; }

.itemhover { color: white; font-size: 17px; line-height: 40px; background-image: url(../_img/fd_presta_over.gif); background-repeat: no-repeat; text-indent: 50px; margin: 0; height: 40px; }

.wrapper { position: relative; top: 0; left: 0; width: 100%; float: left; clear: both; margin: 0 0 20px; padding: 0; }

.newsvisuel { position: relative; top: 0; left: 0; width: 200px; height: auto; float: left; clear: left; margin: 0; padding: 0; }

.news { text-align: left; position: relative; top: 0; right: 0; width: 470px; height: auto; float: right; clear: right; margin: 0; padding: 0; display: block; }

.newstitre { font-size: 18px; font-weight: bold; background-image: none; margin: 0 0 20px; padding: 0; border-bottom: 1px dotted silver; }

.decod { color: white; font-size: 12px; }

.formdecod { color: #3c3c3e; font-size: 12px; }

#info1 { position: absolute; left: 0; z-index: 10; float: left; clear: none; display: none; }

#info2 { position: absolute; left: 0; z-index: 10; float: left; clear: none; display: none; }

#info3 { position: absolute; left: 25%; z-index: 10; float: left; clear: none; display: none; }

#info4 { position: absolute; right: 0; z-index: 10; float: right; clear: none; display: none; }

#info5 { position: absolute; right: 0; z-index: 10; float: right; clear: none; display: none; }

/*----------------------------------*/

#base { color: #7f7f7f; font-size: 11px; line-height: 60px; background-image: url(../_img/fond_base.gif); background-repeat: no-repeat; text-align: center; position: relative; top: 0; left: 0; width: 800px; height: 50px; float: left; clear: both; margin: 0; padding: 0; }

#banniere { width: 800px; }

.separ { background-image: url(../_img/separ.gif); background-repeat: repeat-y; width: 5px; }

.tabprest { color: white; font-size: 13px; background-position: 0 bottom; border: solid 1px gray; }

.tabprest p { color: white; font-size: 13px; background-position: 0 bottom; }

#legal { color: gray; font-size: 12px; background-image: none; position: relative; top: 0; left: 0; width: 100%; float: left; clear: both; margin-top: 0; margin-bottom: 20px; padding-bottom: 20px; }

#legal a { color: gray; font-weight: bold; text-decoration: none; }

#legal a:hover { color: white; }