/* CSS Document */

* {margin:0; padding:0;}

body {font-family: Tahoma, Verdana; font-size:13px;  background: url(img/fond_body.jpg) repeat-x #494949; color:#353232;}

.right {text-align:right;}
.left {text-align: left;}
.center {text-align: center;}
.fr {float:right;}
.fl {float:left;}

#cadre_page {width: 986px; margin: 0 auto; background-color:#f3f3f3;}

#page {width:986px; margin:0 auto; background: url(img/fond_page.jpg) #f3f3f3; position:relative;}

#entete {margin: 0 auto; background: url(img/fond_entete.jpg) #f3f3f3; min-height:204px;}
#flash {position: absolute; top:0; right: 42px;}
#entete #slogan {position: absolute; top: 50px; left:400px;}

/* navigation*/
#navigation { width:899px; min-height:33px; background: url(img/fond_menu_nav.jpg) repeat-x #4D5FB5; margin:0 auto;}
#menu {width:100%; min-height:28px; background: url(img/trait_separation_menu.jpg) repeat-x #353535;text-align:center;}
#menu a {/*font-size:13px;*/font-size:12px; font-weight:bold; color: #fff; text-decoration:none; text-transform: uppercase; background: url(img/fond_menu_gris.jpg) repeat-x #353535; margin:0px 1px; vertical-align:bottom;padding:6px 30px 8px 30px; line-height:28px;}

#menu a.on {background: url(img/fond_menu_on.jpg) repeat-x #4D5FB5; font-weight:bold; color:#fff;}
#menu a:hover {background: url(img/fond_menu_on.jpg) repeat-x #4D5FB5;}
/* fin navigation */

#container {width: 900px; margin-top:0; margin-left:43px; position:relative;}

/* page accueil */
#accueil_corps {width:100%;background: url(img/accueil_fond_corps.jpg) repeat-y;margin-top:-5px;}
#bloc1 {float:left;width:210px; margin-left:64px; margin-bottom:0; margin-top:20px;}
#bloc2 {width:220px; margin-top:0; margin-left:340px; margin-bottom:0; min-height:400px;}
#bloc3 {float: right;width: 210px; margin-top:0; margin-right:64px;  margin-bottom:0;  margin-top:20px;}
#bloc1 h2, #bloc2 h2, #bloc3 h2 { font-size:13px;text-align:center; margin-bottom:0;  line-height:20px;  color:#4a4848;}
#bloc1 h2.titre_accueil, #bloc2 h2.titre_accueil, #bloc3 h2.titre_accueil{font-size:15px; letter-spacing: 1px; text-align:center;color:#feaf05;padding-bottom:5px; margin-top:7px;font-weight:bold;}
#bloc1 a, #bloc2 a, #bloc3 a {font-size:12px;}
#bloc1 h3, #bloc2 h3, #bloc3 h3 {margin:7px 0; font-size:13px; line-height:20px;text-align:center; color:#4D5FB5; font-weight:bold; font-variant:normal;}
#bloc1 p, #bloc2 p, #bloc3 p { font-size:12px;margin-left:0; margin-right:0;  margin-top:0; margin-bottom:0; line-height:16px;}
#bloc1 ul, #bloc2 ul, #bloc3 ul {margin-left:22px;list-style-image:url(img/puce_soleil_accueil.png);}
#bloc1 li, #bloc2 li, #bloc3 li {font-size:12px; margin:0; margin-top:7px;}
/* fin page accueil */

a {color:#9a9a9a; text-decoration:none; }
a.on {color:#4D5FB5; font-weight:bold;}
a:hover {text-decoration:underline;}

#corps #corps_haut {position:absolute; top:0; left:0;}
#corps #corps_bas {position:absolute; bottom:0; left:0;}
#corps {margin:0 0 0 0; padding:0; width:100%; background: url(img/fond_corps.jpg) repeat-y; }

#contenu {margin-top:-4px; padding-bottom:0px;margin-left: 53px;  width:541px; min-height:420px; margin-bottom:-5px;}
#contenu ul {margin-left:30px;}
#contenu li {margin: 5px 0;  font-size:13px;}
#contenu a {color:#666; letter-spacing:normal; font-variant: small-caps; font-weight:bold; }
#contenu a:hover {text-decoration:underline;}
#contenu strong {font-weight: normal; color:#4D5FB5;}
#contenu .filet_sep_1 {border-bottom: 2px solid #4D5FB5; padding: 0; margin: 0 auto; font-size:1px; width:50%;}


h1 {font-size:18px; font-weight:bold; color:#feaf05;}
h2 {font-size: 16px; color:#4D5FB5;margin-bottom:20px;margin-top:0px; font-weight:bold;}
h3 {font-size:13px; color:#202020; font-weight:bold;font-variant:normal;  margin-bottom:7px; text-transform:uppercase;}
h4 {margin-bottom:5px; margin-top:7px;}
p { font-size:13px; line-height: 18px;}


#bloc_droit {position:absolute; top: 70px;  margin-left:658px; width:193px; background:none;min-height:400px;}
#bloc_droit #menu2 {width: 90%; margin: 12px auto;}
#menu2 h2 {text-align:left; margin-bottom:10px; color:#2c2a2e; font-size:14px;}
#menu2 ul {margin-left: 22px; list-style-image:url(img/puce_menu2j.gif);}
#menu2 li { margin: 2px 0; font-size:11px; padding-left:0;}
#menu2 a  {color:#999; font-size:120%; font-variant:small-caps; text-decoration:none; font-weight:bold;}
#menu2 a.on {color:#4D5FB5; font-weight:normal;text-decoration:none; font-variant:small-caps;}
#menu2 a:hover {text-decoration:underline;}
#contact {position:absolute; right:7px; top:320px;}

#pied {background: url(img/fond_pied2.jpg) no-repeat; width: 986px; margin: -4px auto 0 auto; height:169px; text-align:center;}
#slogan2 {text-align:center; margin-top:0; font-size:13px;}
#petit_logo {position:absolute; bottom:112px; /*right:84px;*/right:125px;}
#pied a {margin: 0 23px;font-size:11px;}
#puzzle {position:absolute; bottom:60px; left:84px;}
#webdesign {position:absolute; bottom: 7px; left: 50px; font-size: 11px; color: #aaa;}
#webmaster {position:absolute; bottom: 7px; right: 50px; font-size: 11px; color: #aaa;}

#contenu_plan {width: 500px; margin:-4px auto -5px auto;}
#contenu_plan h2{margin:0; padding:0; margin-top:20px;}
#contenu_plan h2 a {font-size:15px; letter-spacing: 1px; text-align:left;color:#4D5FB5;font-weight:bold; text-transform:uppercase;}
#contenu_plan ul {margin-left: 22px; list-style-image:url(img/puce_soleil_mini.png);}
#contenu_plan ul li a{margin-top:0; color: #4a4848;font-size:15px;}

.invisible { position: absolute; top: -3000em; height: 1%; }