.body_intro { margin:0; padding:0; background: url(../creation-site-internet/bg_intro.gif) top left no-repeat  #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d5974; }
.presta_intro a { color:#FFFFFF; text-decoration:none; margin:5px 0 0 0; display:block; height:24px; width:210px; font-family:Arial; font-style:italic;}
.presta_intro a:hover { color:#fbad24; }

body { margin:0; padding:0; background: url(../creation-site-internet/bg.gif) top left no-repeat  #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d5974; }
img { border:none; }
a { color:#819dd9; }
p { margin:10px 0; }
h1 { font-family:Arial; font-size:18px; color:#4d5974; font-style:italic; padding:5px 10px 0 0px; margin:5px 10px 0 0px; }
h2 { font-family:Arial; font-size:13px; color:#4d5974; font-style:italic; padding:3px 0; margin:3px 0; }
.conteneur_intro { margin:0 auto; padding:0; width:966px; background:url(../creation-site-internet/maquette_intro.gif) top left no-repeat;}
.conteneur { margin:0 auto; padding:0; width:966px; background:url(../creation-site-internet/top.gif) top left no-repeat;}
.footer {  margin:0; padding:0 0 10px 0; background: url(../creation-site-internet/bg_footer.gif) top left no-repeat  #3e485f; }
.footer_int { margin:0 auto; padding:10px 0 0 0; width:966px; height:216px; background:url(../creation-site-internet/footer_intro.gif) top left no-repeat; color:#FFFFFF; }
.foot { float:left; width:300px; margin:0 12px 0 6px; }
.footer h1 { color:#ffffff; }

.logo_citynet { margin:0; text-align:left; position:absolute; z-index:1000; }
#parallax { position:relative; overflow:hidden; width:962px; height:100px; margin:2px 0 0 0; padding:0 }
#parallax div { margin:0; padding:0; }


.col { float:left; width:310px; padding-right:15px; }
.col_index { float:left; width:290px; margin-left:10px; }

.menu                 { padding:8px 10px; margin:-6px 0 0 0; position:absolute; height:23px; width:946px; z-index:50; background:url(../creation-site-internet/bg-menu.gif) top left no-repeat; }
.menu ul              { margin:0; padding:0; }
.menu li              { list-style-type:none; font-size:18px; font-family:Arial; display:inline; margin:0; padding:0; }
.menu li a            { text-decoration:none; color:#ffffff; padding:0px 12px; margin:0; }
.sep_menu             { padding:0; position:absolute; }
.menu li a:hover      { color:#ffcf7c; }
.menu li a.current    { color:#fbad24; }

.services h2          { margin:0; }
h2 a.serv             { font-weight:normal; font-style:normal; display:block; width:280px; padding:9px 0 6px 20px; margin:0; border-bottom:1px solid #dddddd; color:#1489a9; font-size:14px; font-weight:bold; text-decoration:none; background:url(../creation-site-internet/puce.gif) center left no-repeat; float:left; }
h2 a.serv:hover       { background:url(../creation-site-internet/puce-hover.gif) center left no-repeat #e3edff;}
.services ul          { margin:0; padding:5px 0 0 0; clear:left; }
.services ul li       { list-style:none; margin:5px 0 0 0; padding:0; }
.services ul li span  { color:#FF9900; }
.services ul li a     { text-decoration:none; background:url(../creation-site-internet/puce_li_services.gif) center left no-repeat; padding:0 0 0 10px;}
.services ul li a:hover { text-decoration:underline; }
.all_serv             { padding:10px 10px 70px 10px;  overflow:hidden; border:5px solid #e3edff; background:url(../creation-site-internet/bg_all_serv.gif) bottom right no-repeat; }

.last_actu { border-bottom:1px solid #dddddd; margin:5px 5px 0 0; }
.last_actu p { margin:0; padding:0; }
.last_actu_date { color:#cccccc; text-align:right; font-size:10px; }

.actualites ul          { margin:0; padding:5px 0 0 0; clear:left; }
.actualites ul li       { list-style:none; margin:5px 5px 5px 0; padding:0 0 5px 0; border-bottom:1px solid #b8caf0; }
.actualites ul li span  { color:#6480bb; }
.actualites ul li a     { text-decoration:none; padding:0;}
.actualites ul li a:hover { text-decoration:underline; }
#annee { font-size:10px; width:60px; }
#mois { font-size:10px; width:80px; }
.go_actu { margin:0 0 -3px 3px }
.actu_engine { background-color:#e3edff; padding:10px 5px 15px 5px; margin-right:5px; border-bottom:1px solid #b8caf0; }
.actu_engine p { font-weight:bold; margin:5px 0;}

.doss     { font-weight:normal; display:block; width:300px; padding:4px 0 4px 5px; border-bottom:1px solid #dddddd; color:#1489a9; font-size:12px; text-decoration:none; }
.doss:hover     {  background:#e3edff; }

.info-dossier { background:#e3edff; padding:0px 5px 0 10px; border:1px dashed #4d5974; border-right:none; margin-top:10px; }

.false     			   { width:883px; color:#7f0a0a; float:left; margin-bottom:20px; padding:10px 5px 10px 42px; background-color:#FFD8D8; border:1px solid #FD5B5B; background-image:url('../creation-site-internet/puce_false.jpg'); background-repeat:no-repeat; background-position:left; width:500px; }
.true      			   { width:883px; color:#0a7f28; float:left; margin-bottom:20px; padding:10px 5px 10px 42px; background-color:#BDFEBD; border:1px solid #3FE73F; background-image:url('../creation-site-internet/puce_true.jpg'); background-repeat:no-repeat; background-position:left;  width:500px;}
.close   { border:0; position:relative; right:-4px; top:-9px; float:right; cursor:pointer; }

/* FORMULAIRE */
table { border:none; padding:5px; }
.inputBlur { padding:5px; border:3px solid #DFDFDF;  background-color:#EEEEEE; font-family:Arial, Helvetica, sans-serif; color:#6F6F6F; font-weight:bold; font-size:12px; width:220px; }
.inputOver { padding:5px; border:3px solid #b3c6e8; font-family:Arial, Helvetica, sans-serif; color:#00CCCC; font-weight:bold; font-size:12px; width:220px; }
.submit { background-color:#203955; font-weight:normal; font-size:14px; color:#FFFFFF; border:1px solid #ffffff; padding:5px; font-weight:bold; width:235px; }
.selectBlur {  border:3px solid #DFDFDF;  background-color:#EEEEEE; font-family:Arial, Helvetica, sans-serif; color:#6F6F6F; font-weight:bold; font-size:12px; }
.selectOver {  border:3px solid #b3c6e8; font-family:Arial, Helvetica, sans-serif; color:#00CCCC; font-weight:bold; font-size:12px; }
.textareaBlur { border:3px solid #DFDFDF; background-color:#EEEEEE; font-family:Arial, Helvetica, sans-serif; color:#6F6F6F; font-weight:bold; font-size:12px;  }
.textareaOver { border:3px solid #b3c6e8;  font-family:Arial, Helvetica, sans-serif; color:#00CCCC; font-weight:bold; font-size:12px;  }
td { padding:5px 0; font-weight:bold; }
td.first { border-bottom:1px solid #c8d4eb; }

/* REFERENCES */
.ref_cadre { border-bottom:1px solid #c3dcf9; margin:10px 0; padding:0 0 10px 0; height:160px; overflow:auto; }
.ref_cadre2 { width:222px; float:left; margin:8px; height:230px; padding:2px; }
.ref_cadre2_1 { width:222px; float:left; margin:8px; margin-left:0; height:230px; padding:2px; }
.ref_cadre2_4 { width:222px; float:left; margin:8px; margin-right:0; height:230px; padding:2px; }
.ref_cadre_detail { margin:10px 0; padding:0; overflow:auto; }
.ref_img { float:left; margin:5px 10px 10px 0; padding:7px; background-color:#181e28; border:1px solid #485a78; }
.ref_img2 { margin:0; padding:0; border:2px solid #3eb6d9; }
.photo_ref { background-color:#181e28; padding:5px 5px 5px 15px;  border:1px solid #485a78; }
.photo_ref img { border:1px solid #485a78; padding:1px; margin:0 5px; }
.titre-li-ref { margin:5px; }
.para-li-ref { text-align:justify; margin:0 5px; }

.project_hover { display: block; width: 224px; height: 104px; position: absolute; z-index: 10; background-color: transparent; background-image: url(../creation-site-internet/spacer.gif); background-repeat: repeat; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%; }

.project_hover:hover { background-color: transparent; background-image: url(../creation-site-internet/project_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%; }

.cadre-bleu-tech { border-bottom: 1px solid #32d0ec; padding: 2px 10px 10px; background-color: #d0fffe; width: 350px; font-weight: bold; }

/* ZONE ADMINISTRATION */
ul.admin              { margin:0; padding:0; width:950px; }
ul.admin li           { display:inline; font-size:13px;  }
ul.admin li a         { display:block; width:154px; padding:4px 0; margin-right:4px; font-weight:bold; background-color:#c3dcf9; color:#1a3049; text-decoration:none; text-align:center; float:left; }
ul.admin li a:hover   { background-color:#1a3049; color:#c3dcf9; }
ul.admin li a#active  { background-color:#1a3049; color:#c3dcf9; }
#tab_cadre            { margin:10px 0 0 0; }

.tab_admin td { border-bottom:1px solid #2f4e70; font-size:14px; }

.liste                 { border-collapse:collapse; width:900px;font-size:12px; }
.liste td              { padding:3px !important; _padding:5px; border-bottom:1px solid #e4e4e4; }
.liste .intitule td    { font-weight:bold; color:#FFFFFF; background:url('../creation-site-internet/bg_intitule.gif') repeat-x top left #192e46; }

/* Cityrank */
.exp_li_cr  { margin:3px 0 0 0; padding:0; }
.desc_li_cr { margin:5px 0 10px 0; padding:0; }
.ville_li_cr { margin:0 0 0 20px; padding:0 0 0 10px; border-left:5px solid #819dd9; }