/* CSS Document | Techgrafik.com | Concepteurs Web */

/* Style de la page  */
body { background:#fcfcfc url(../images/bg.gif); background-repeat:repeat-x; margin:0; padding:0; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#675C58; }

h1, h3, h4, h5, h6 { color: #43474C; }
h2 { font-size: 17px; color: #7DA2AA; font-weight: normal; }
h2.promotion { color: #ff7c54; }
p, li { color:#675C58; font-size:1em; line-height: 19px; }

.texte, .texteGras, .titre { color:#675C58; font-size:1em; line-height: 19px; }
.texteGras { font-weight:bold; }
.titre { font-size:1.2em; font-weight:bold; }

/* Haut de page */
#header { background:#fff url(../images/header.gif); margin:auto; width:950px; height: 78px; text-align:center; }

/* Section de contenu */
#content { background:#fff; margin:auto; height: auto; padding: 20px 0 40px 0; vertical-align:top; }
#content_texte { background:#fff; margin:auto; width:950px; height: auto; padding: 10px 0px 10px 0px; vertical-align:top; }
#content_texte a { color: #829ba8; text-decoration: none; padding: 1px 2px 1px 2px; }
#content_texte a:hover { background-color: #a5c4d5; color: #fff; }
#content_texte a.lien_photo:hover { background-color: #fff; }
#content_texte sup.tout_petit { font-size: 8px; }
#content_texte p.note_bas_page { margin-top: 20px; font-size: 10px; line-height: 14px; }
#content img { margin: 0; border: 0; }
#content hr { height: 3px; margin: 30px 0 30px 0; border: 0; background: url(../images/pointille_h.gif) repeat-x left center; }

#content_texte a.consulter { width: 60px; height: 17px; padding-top: 3px; font-size: 9px; font-weight: bold; background-color: #e0bd7a; color: #fff; text-decoration: none; display: block; text-align: center; }
#content_texte a:hover.consulter {  background-color: #3d4045; color: #fff; }

#moitier_g { width: 460px; margin: 0; padding: 0 15px 0 0; float: left; }
#moitier_d { width: 440px; margin: 0; padding: 0 0 0 35px; background: url(../images/pointille_v.gif) repeat-y left top; float: left; }
#moitier_d ul, #moitier_d ul li { padding: 0; margin: 0; }
#moitier_d ul li { list-style: none inside url(../images/fleche.gif); }
#moitier_d ul li.mise_en_valeur { font-size: 14px; }
#moitier_d ul li ul li { padding-left: 25px; list-style: disc inside none; }

#tier_g { width: 310px; margin: 0; padding: 0 15px 0 0; float: left; }
#tier_d { width: 590px; margin: 0; padding: 0 0 0 35px; background: url(../images/pointille_v.gif) repeat-y left top; float: left; }

#folio_g, #kitgrafik_g { width: 190px; margin: 0; padding: 0 15px 0 0; float: left; }
#folio_d, #kitgrafik_d { width: 710px; margin: 0; padding: 0 0 0 35px; background: url(../images/pointille_v.gif) repeat-y left top; float: left; }
#kitgrafik_d h2 { text-transform: uppercase; margin: 30px 0 20px 0; padding: 3px; background-color: #43474C; color: #fff;  }

.ecran1, .ecran2 { width: 280px; margin: 10px 55px 5px 0; float: left; }
.ecran3 { width: 280px; margin-top: 10px; margin-bottom: 5px; float: left; }

.secran1 { width: 220px; margin-top: 5px; font-size: 16px; float: left; }
.secran2 { width: 60px; margin-top: 5px; text-align: right; float: left; }

.petit_texte { margin: 0; padding: 0; font-size: 10px; font-style: italic; color: #888; }

/* Bas de page */
#footer { background:#fcfcfc url(../images/footer.gif); height: auto; text-align:center; margin-bottom: 20px; }
#footer_content { background:#fcfcfc url(../images/footer.gif); margin:auto; width:950px; height: auto; text-align: left; padding: 10px 0 0 0; }
#footer_content p { color:#63686e; font-size:7.5pt; padding: 0; margin: 0; line-height: 15px; }
#footer_content a { color: #829ba8; text-decoration: none; }
#footer_content a:hover { color: #63686e; text-decoration: underline; }

/* Elements de mise en page */
.erreur { color: #CC0033; }

/* Barre de navigation */
#nav { margin:auto; width:950px; height: 21px; text-align:center; }
ul.listMenu { padding: 0 0 0 480px; margin: 0; text-align: center; font-size:10px; width: 470px; }
ul.listMenu li { background-image:url(../images/onglet.gif); background-repeat: no-repeat; list-style-type: none; float:left; }
ul.listMenu li.first .menu { border-width: 1px; }
ul.listMenu .menu { display:block; border-width: 0px 0px 0px 0px; padding-top:6px; height:21px; width:92px; }
ul.listMenu a { color: #666666; text-decoration: none; font-size: 1em; font-weight: bold; }
ul.listMenu a:hover { color: #222426; border-bottom:#666666; }

/* Formulaire contact */
select, option { background-color:#ebe9e0; color:#717171; font-size:9px;}
textarea { border:1px dotted #cfcdc5; background-color:#fcfcfc; padding:3px; color:#717171; font-size:11px; line-height: 19px;}
input { border:1px dotted #cfcdc5; background-color:#fcfcfc; padding:3px;; color:#717171; font-size:11px;}
form { margin: 0; padding: 0; }
.submit { margin: 2px; padding : 2px 3px 2px 3px; border: 1px solid #43474C; background: #43474C url(../images/bg_bouton.jpg) repeat-x left top; color: #fff; font-size : .9em; }
.submit:hover { background: #43474C url(../images/bg_bouton_act.jpg) repeat-x left top; cursor: pointer; }
.submit_del { margin: 2px; padding : 2px 3px 2px 3px; border: 1px solid #460000; background: #43474C url(../images/bg_bouton_sup.jpg) repeat-x left top; color: #fff; font-size : .9em; }
.submit_del:hover { background: #43474C url(../images/bg_bouton_sup_act.jpg) repeat-x left top; cursor: pointer; }

/* Administration design */
.box { margin: 2px; padding: 2px 3px 2px 3px; border: 1px solid #eaeaea; background-color:#f4f4f4; font-size: 1em; }
.ligne_blanche { background-color: #fff; }
.ligne_coloree { background-color: #f3f3eb; }
.spacer { clear: both; }

#KITGRAFIKmenu { text-align: left; color:#675C58; }
#KITGRAFIKmenus { border: 0; border-bottom: 3px solid #CECF49; font-size: 12px; margin: 0 0 10px 0; padding: 0 0 3px 0; color: #fff; }
#KITGRAFIKmenus a, #KITGRAFIKmenus a:link, #KITGRAFIKmenus a:visited { display: inline; padding: 3px 10px 3px 10px; margin: 3px; text-decoration: none; font-weight: bold; color: #fff; background: #43474C url(../images/bg_bouton.jpg) repeat-x left top; border: 0; }
#KITGRAFIKmenus a:hover { color: #43474C; background: #CECF49; }
#KITGRAFIKmenus a.selected { display: inline; padding: 3px 10px 3px 10px; text-decoration: none; font-weight: bold; color: #43474C; background: #CECF49; border: 0; }
#KITGRAFIKsousmenus { border: 0; margin-bottom: 20px; }
#KITGRAFIKColonneDroite { background: url(../images/pointille_v.gif) repeat-y left top; margin: 0; padding: 0 0 0 20px; }
#KITGRAFIKColonneDroite a { text-decoration: none; }
#KITGRAFIKColonneGauche { padding: 0 10px 0 5px; }
#KITGRAFIKcontenu, #KITGRAFIKcopyright { }
#KITGRAFIKcopyright { font-size: 9px; }
#KITGRAFIKcontenu h2 { font-size: 16px; border-bottom: 1px solid #A5C4D5; margin: 10px 0 20px 0; padding: 0; font-weight: bold; color: #43474C; }

/* ***************** Menu accordeon ***************** */
#nested { width: 100%; list-style:none; color: #000; margin: 0 0 30px 0; padding: 0; }
#nested p { padding: 5px 0 5px 0; margin: 0; }
#nested ul { margin:0; padding:0; }
#nested li { margin:0; padding:0; }
#nested h3, #nested .acc-selected { height: 22px; margin: 0;  padding: 8px 0 0 20px; border-top: none; border-bottom: 1px #43474C dotted; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
#nested h3 { background: url(../images/fleche.gif) no-repeat left 6px; color: #675C58; }
#nested .acc-selected { background: url(../images/flecheBas.gif) no-repeat left 11px; color: #A2A33A; }
#nested h3:hover { cursor: pointer; color: #A2A33A; }
#nested .acc-section { overflow:hidden; padding: 0; }
#nested .acc-content { width:594px; border:0px; border-top: none; border-bottom: 1px #43474C dotted; padding: 10px 28px 10px 28px; }
#nested .acc-content p {  font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #969696; line-height: 17px; }
/* ************************************************** */

/* **************** Menu accordeon s **************** */
#nested_s { width: 100%; list-style:none; color: #000; margin: 0 0 30px 0; padding: 0; }
#nested_s p { padding: 5px 0 5px 0; margin: 0; }
#nested_s ul { margin:0; padding:0; }
#nested_s li { margin:0; padding:0; }
#nested_s h3, #nested_s .acc-selected { height: 22px; margin: 0;  padding: 2px 0 0 20px; border: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
#nested_s h3 { background: url(../images/fleche.gif) no-repeat left top; color: #829ba8; }
#nested_s .acc-selected { background: url(../images/flecheBas.gif) no-repeat left 5px; color: #675C58; }
#nested_s h3:hover { cursor: pointer; color: #675C58; }
#nested_s .acc-section { overflow:hidden; padding: 0; }
#nested_s .acc-content { width:550px; border:0px; border: none; padding: 0 20px 5px 20px; }
#nested_s .acc-content p {  font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #675C58; line-height: 19px; }
#nested_s .acc-content li { list-style-type: disc; margin-left: 30px; }
/* ************************************************** */