/*
Design by GEOSYSCOM
http://www.geosyscom.fr
*/

body {background: #C6C7C8 ;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #000000; MIN-WIDTH: 800px; text-align: center;margin: 0;}
h1, h2, h3 {color: #0153B4;text-align:left;}
h1 {font-size: 2em;}
h1 .title {font-size: 1.3em;color:#0153B4;text-align:left;}
.slogan {font-size: 1.6em;color:#BF0000;text-align:center;}
.sloganaccueil1{font-size: 1.4em;color:#9C9D9F;text-align:left; font-variant:small-caps;}
.sloganaccueil2{font-size: 1em;color:#BF0000;text-align:left; font-variant:small-caps;}
.sloganaccueil3{font-size: 11px;text-align:center;margin-top: 2px;color:#878889;}
.actuindextext{font-size: 1.6em;color:#BF0000;text-align:center;}
.facebook{color:#BF0000;}
.twitter{color:#BF0000;}
h2 {font-size: 1.3em;margin-bottom:3%;}

h3 {font-size: 1.2em;}
h4{font-size: 10px;text-align:center;margin-top: 2px;color:#878889;}
h5{font-size: 20px;color:#BF0000;text-align:center;}
.offre{font-size: 10px;text-align:left;margin-top: 10px;margin-left: 2px;color:#878889;}
h6{font-size: 30px;}
h2 a {color:#BF0000;}
h4 a {color:#878889;}
a {text-decoration: none;color: #0153B4;}
/* mouse over link */
a:hover {color:#000a9f;text-decoration: none;} 





p {text-decoration: none;color:#000000;line-height:2;}
.actutitle {color:#ffffff;font-size: 1.2em;text-align:center;}

/* mouse over link */
/* Header */
#global {width: 1024px; margin: 0 auto 0 auto  ;}
#menu1{width: 1024px;height: 200px;margin: 0 auto 0 auto  ;background: url(http://www.geosyscom.fr/images/img01.jpg) repeat-x left top;z-index:99;}
#logo {width: 1024px;height: 40px;margin: 0 auto 0 auto  ; padding: 0 0 0 3%;text-align:left;}
#logo a {border: none;text-decoration: none;font-size: 35px;color: #FFFFFF;}
/* Banner */
#banner {width: 1000px;height: 80px;margin: 1% auto 0 auto  ;background: url(http://www.geosyscom.fr/images/banniere.gif) no-repeat left top;z-index:2;}
/* Menuderoulant */



#menunav{width: 1024px;height: 50px;margin-top:12px;}



#menu, #menu ul /* Liste */     
{padding : 0; 
margin : 0; 
        list-style : none; 
        line-height : 40px; 
        text-align : center; 
		z-index:99;
		width:100%;
}
#menu 
{font-weight : bold;font-family : Verdana; font-size : 10px;margin-left:2px;margin-right:0px;}

#menu a{display : block; padding : 0; background : url(http://www.geosyscom.fr/images/smenu.gif) repeat ; color : #000; text-decoration : none; width : 169px; }
#menu li {float : left; border-right : 1px solid transparent; }
html>body #menu li{border-right: 1px solid transparent ; }
#menu li ul {position: absolute; width: 169px; left: -999em;}
#menu li ul li {border-top : 1px solid #fff; }
html>body #menu li ul li             {border-top : 1px solid #fff; }
#menu li ul ul {margin    : -41px 0 0 168px; border-left     : 1px solid #fff ; }
html>body #menu li ul ul   { border-left     : 1px solid transparent ;}
#menu a:hover {color: #000; background: url(http://www.geosyscom.fr/images/btmenu.gif)repeat; }
#menu li:hover ul ul, #menu li.sfhover ul ul {left: -999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  
{left: auto; min-height: 0;}
#menu li ul li a { background: url(http://www.geosyscom.fr/images/smenugray.gif) repeat ;}
#menu li ul li a :hover{ background: url(http://www.geosyscom.fr/images/btmenu.gif) repeat ;}
#menusfhover li ul li a { background: url(http://www.geosyscom.fr/images/btmenu.gif) repeat ;}

/* Page */
#page { width: 1024px;margin: 0 auto ; padding: 1% 0 1% 0;background:#FFFFFF;position:relative;z-index:1;}
#GEOMARKETPAGE {width: 730px;}
#GEOMARKETIMG1 {width: 260px;margin:1% 0 0 0%;height:160px;background-image: url(http://www.geosyscom.fr/solutions/geomarketing/BTOC.gif);background-repeat: no-repeat;}
#GEOMARKETIMG2 {width: 260px;margin:1% 0 0 0%;height:160px;background-image: url(http://www.geosyscom.fr/solutions/geomarketing/BTOB.gif);background-repeat: no-repeat;}
#GEOMARKETIMG3 {width: 260px;margin:1% 0 0 0%;height:160px;background-image: url(http://www.geosyscom.fr/solutions/geomarketing/BTOGO.gif);background-repeat: no-repeat;}
#GEOMARKETTXT1 {width: 380px;margin:0 0 0 110%; padding: 16px 0 0 30px ;height:60px;vertical-align : top;font-size: 1.2em; font-weight:bold; background-image: url(http://www.geosyscom.fr/images/ssmenu.gif);background-repeat: no-repeat;}
#GEOMARKETTXT2 {width: 380px;margin:0 0 0 110%; padding: 16px 0 0 30px ;height:60px;vertical-align : top;font-size: 1.2em; font-weight:bold;background-image: url(http://www.geosyscom.fr/images/ssmenu.gif);background-repeat: no-repeat;}
#GEOMARKETTXT6 {width: 380px;margin:0 0 0 110%; padding: 16px 0 0 30px ;height:60px;vertical-align : top;font-size: 1.2em; font-weight:bold;background-image: url(http://www.geosyscom.fr/images/ssmenu.gif);background-repeat: no-repeat;}
#GEOMARKETTXT3 p{width: 310px;margin:0 0 0 110%; text-align:justify;font-size: 0.8em; font-weight:lighter;color:#878889;line-height:17px;}
#GEOMARKETTXT4 p{width: 310px;margin:0 0 0 110%; text-align:justify;font-size: 0.8em; font-weight:lighter;color:#878889;line-height:17px;}
#GEOMARKETTXT7 p{width: 310px;margin:0 0 0 110%; text-align:justify;font-size: 0.8em; font-weight:lighter;color:#878889;line-height:17px;}
#GEOMARKETTXT10 p{width: 310px;margin:0 0 0 110%; text-align:justify;font-size: 0.9em; font-weight:lighter;color:#878889;line-height:17px;}
#SOLUTIONSPAGE {width: 730px;}
#SOLIMGMARK {width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/geomarketing_solutions.gif);background-repeat: no-repeat;}
#SOLIMGDATSTAT {width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/data_analyse.gif);background-repeat: no-repeat;}
#SOLIMGDATMAN {width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/data_management.gif);background-repeat: no-repeat;}
#SOLIMGDIAG {width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/diagnostic_solutions.gif);background-repeat: no-repeat;}
#SOLIMGFORM {width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/formation_solutions.gif);background-repeat: no-repeat;}
#SIGIMG1 {width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/carto_ico.gif);background-repeat: no-repeat;}
#SIGIMG2 {width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/amenagement_ico.gif);background-repeat: no-repeat;}
#SIGIMG3 {width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/geocodage_ico.gif);background-repeat: no-repeat;}
#SIGIMG4 {width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/numerisation_ico.gif);background-repeat: no-repeat;}
#SIGIMG5 {width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/planville_ico.gif);background-repeat: no-repeat;}
#IMAGEACCUEIL{width: 730px;height: 160px;padding: 0;}
#IMAGEACCUEIL .data{ text-align:center;}
#IMAGEACCUEIL .data1{ border: 2px solid #b2b2b2; }
#IMAGEACCUEIL .data2{ border: 2px solid #b2b2b2; margin: 0 1% 0 1%;}
#IMAGEACCUEIL .data3{ border: 2px solid #b2b2b2; margin: 0 1% 0 1%;}
#presentation{width: 730px;height:370px; margin-top:3%;}
.presoc{width: 495px;height:420px;margin: -340px 10px 0 235px;}
#actucarte{width: 225px;height:340px;background-image:url(http://www.geosyscom.fr/ligne/fond_carte_actu.jpeg);background-repeat: no-repeat;}
#actutitle{z-index:30;text-align:center;text-transform:uppercase;}
.actutitle{padding-top:10px;}
#carteimage img {border: 1px solid #8C8C8C;}
#carteimage a:visited {color: #8C8C8C ;}
#cartetitle{z-index:30;text-align:center;}
#carteimage{z-index:30;text-align:center;}
#ACCUEILDATA{ width: 730px;height:160px;}
#ACCUEILDATA1{ width: 730px;height:160px;}
#excarto{width: 360px;height:150px;margin:0 ;padding:2px;}
#excarto:hover{background-image:url(http://www.geosyscom.fr/ligne/ssoffre.gif);}
#exdiag{width: 360px;height:150px;margin:-153px 0 0 370px;padding:2px;}
#exdiag:hover{background-image:url(http://www.geosyscom.fr/ligne/ssoffre.gif);}
.excartestxt{width: 220px;margin:-120px 0 0 125px;color:#0153B4;text-align:left;}
.tabgeo  a:link {color: #0153B4 ;}
.tabgeo a:hover {color: #8C8C8C ;}

#exvideo{width: 360px;height:150px;margin:0 ;padding:2px;}
#exvideo:hover{background-image:url(http://www.geosyscom.fr/ligne/ssoffre.gif);}
#exmetiers{width: 360px;height:150px;margin:-153px 0 0 370px;padding:2px;}
#exmetiers:hover{background-image:url(http://www.geosyscom.fr/ligne/ssoffre.gif);}
#excarto img{ border: 1px solid #cccccc; }
#exvideo img{ border: 1px solid #cccccc; }
#exmetiers img{ border: 1px solid #cccccc;}
#exdiag img{ border: 1px solid #cccccc;}

#SECTEURSPAGE img{ border: 1px solid #cccccc;}
#IMGACCUEILDATA{width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/infodata.gif);background-repeat: no-repeat;color:none}
#ACCUEILDATATEXT1{width: 300px;height:60px;margin:0 0 0 100%; padding: 16px 0 0 30px   ;vertical-align : top;font-size: 1.2em; font-weight:bold; background-image: url(http://www.geosyscom.fr/images/ssmenu.gif);background-repeat: no-repeat;}
#ACCUEILDATATEXT2 p{width: 300px;margin:0 0 0 100%; text-align:justify;font-size: 0.8em; font-weight:lighter;color:#878889;line-height:17px;}
#ACCUEILDATATEXT5 h2{width: 300px; height: 70px;margin:0 0 0 100%; text-align:center;font-size: 1.6em; padding: 3% 0 0 0;}
#IMGACCUEILDATA1{width: 260px;margin:1% 0 0 0%;height:210px;background-image: url(http://www.geosyscom.fr/images/diagnostic.jpg);background-repeat: no-repeat;}
#ACCUEILDATATEXT3{width: 300px;height:60px;margin:0 0 0 100%; padding: 16px 0 0 30px   ;vertical-align : top;font-size: 1.2em; font-weight:bold; background-image: url(http://www.geosyscom.fr/images/ssmenu.gif);background-repeat: no-repeat;}
#ACCUEILDATATEXT4 p{width: 300px;margin:0 0 0 100%; text-align:justify;font-size: 0.8em; font-weight:lighter;color: #878889;line-height:17px;}
#ACCUEILDATATEXT6 h2{width: 300px;height: 70px;margin:0 0 0 100%; text-align:center;font-size: 1.6em; padding: 3% 0 0 0;}
#SAT{width: 1024px;height:200px;margin:0 0 0 2%;padding:auto;text-align:left;}
#IMAGEFORM{width: 730px;height: 140px;padding: 2% 1% 2% 1%;}
#IMAGEFORM .FORM{ text-align:center;}
#IMAGEFORM .FORM1{ border:none; margin: 0 5% 0 5%;}
#IMAGEFORM .FORM2{ border:none;margin: 0 5% 0 5%;}
#IMAGEFORM .FORM3{ border:none;margin: 0 5% 0 5%;}
#DATAPAGE{width: 730px;height: 140px;padding: 0% 1% 0% 1%; }
#DATAOFF{width: 700px;height: 130px; margin: 1% 0;}
#DATAOFF1{margin: 1% 2% 0 3%; border:none;}
#DATAOFF2{margin: 1% 2% 0 2%; border:none;}
#DATAOFF3{margin: 1% 2% 0 2%;border:none; }
#DATAOFF4{margin: 1% 2% 0 2%; border:none;}
#DATAOFF5{margin: 1% 2% 0 2%;border:none; }
#CARTOTHEMA{width: 730px;height: 1350px;text-decoration: none;z-index:2;}
#CARTOTHEMA img{ border: 1px solid #cccccc; }
#CARTOTHEMA h3{font-size: 1.2em;font-weight:lighter;color: #0153B4;text-align:left;}
#CARTOTHEMA a{border-color: #b2b2b2; border-width:2px;margin: 5px 5px;}
#CARTOTHEMA POP{margin: 5px 5px;border-color: #b2b2b2; border-width:2px;}

#cartodevis{width: 730px;height:120px;margin: 0 0 20px 0;}
#imgcartodevis{width: 220px;height:110px;border:none;}
#imgcartodevis img{ border: none;}
#deviscartotxt{width: 450px;height:110px;margin: -100px 0 0 230px; text-align:center;line-height:25px;font-weight:bold;}




#CARTOSEC{width: 730px;height: 300px;margin: 20px 0px;}
#CARTOSEC img{border: 1px solid #cccccc; }
#GEOMARKET{width: 700px;height: 220px;text-decoration: none;margin: 5px 0 5px 0; }
#GEOMARKET a:hover{color:B2B2B2; }
.geotxt{width: 410px;height: 220px;margin: 1px 5px 1px 5px ;}
.geoimg {width: 220px;height: 220px;margin: -222px 5px 1px 440px ; }
.geoimg img{ border: 1px solid #cccccc; }
.DEF{background-color: #E3E4E4;}
#plaquette{width:730px; height:105px;border:1px solid black;}
.imgplaquette{width:100px; height:100px;border:1px solid red;text-align:center;}
.textplaquette{width:600px; height:100px;border:1px solid blue;margin:-100px 0 0 100px;text-align:left;}
#TABLECOORD{width:100%; }
/* Latest Post */
/* Content */
#content {float:left;width: 730px;text-align: justify;padding:0% 1% 3% 2%; margin: 1% 0 1% 0;position:relative;z-index:1;}
#content h5{	padding:0 0 0 0; margin: 0 0 3% 0;}
#Diagnostic {width: 730px;}
.Diag {color: #666665;font-size: 1.3em; letter-spacing:2px}
.Diag1{width:84%;color: #666665;font-size: 1em;}
.Diag2a{border:none;}
.Diag2{background-image: url(http://www.geosyscom.fr/images/puce.gif);background-repeat: no-repeat; width:15px;height:1.2em;}
.Diag3{color: #666665;font-size: 0.9em; letter-spacing:2px;}
.Diag4{background-image: url(http://www.geosyscom.fr/images/fleche.gif);background-repeat: no-repeat; width:15px;}
.partner {width: 200px; padding: 2% 0 0 2%;line-height: 3;border:1px;border-color:#B2B2B2;}
#societe {width: 300px; height: 300px; margin: 20% 0 0 50% ;}
#societea {width: 200px; height: 200px; margin: -20% 0 0 70% ;}
#numerisation{width: 730px;padding:2% 0 0 0;}
#planville{width: 730px;padding:2% 3% 0 0;}
#recrutement{width: 730px;padding:2% 3% 0 0;}
#contactpage{width: 730px;}
.mentionleg1 h4{text-align: left;}
.mentionleg  h4{text-align: justify;}
#pdfpresentation{width: 730px;height: 220px;margin:10px 0 20px 0;}
.pdfico{width: 150px;height: 212px;border:1px solid grey;text-align:center;}
.pdfico img{border: none; }
.pdftxt{width: 560px;height: 220px;margin:-212px 0 0 165px;}
#pdftelechargement{width: 200px;height:50px;margin:-140px 0 0 165px;border:1px solid #8C8C8C;padding: 4px;background-color:#E2E3E4 ;}
#pdftelechargement:hover { border:1px solid #1A6CDF;}
#pdftelechargement a:link {color: #000000 ;}
#pdftelechargement a:hover {color: #0153B4 ; text-decoration:underline; }
.pdf {font-size: 0.8em;color:#000000;text-align:center;}
#contactcenter{height:160px;width:600px;}
.contactcenterimg{height:160px;width:0;}
.contactcenterinfo{height:110px;width:600px;margin-left:10px;margin-top:-160px;padding-left: 10px;background-image: url(http://www.geosyscom.fr/images/menucontact.gif);background-repeat: no-repeat; }
#coord {float: left;width: 250px;text-align: left;	left:18%;margin: -50% 0 0 0 ;}
#infopers {float: left;width: 730px;text-align: justify;margin: 2% 0 0 0 ;}
#infopers p{text-align: justify;font-family: Arial, Helvetica, sans-serif;font-size: 13px;}
.post {margin-bottom: 20px;padding-bottom: 5px;line-height: 200%;}
.post h1 {	font-weight: normal;text-align: left;line-height: 120%;font-size: 30px;}
.post h2 {font-size: 24px;}
.title {margin: 0;padding-bottom: 2px;	font-weight: normal;}
.title a {border-bottom: none;}
.title a:hover {border-bottom: 1px dashed #CCCCCC;}
.byline {border-top: 1px dashed #CCCCCC;margin: 0 0 20px 0;text-transform: uppercase;}
.links {font-size: 11px;}
.links a {display: block;border: none;color: #c2c2c2;}
.links a:hover {color: #c2c2c2;}
.links .more {float: left;padding-left: 25px;padding-right: 15px;text-transform: uppercase;}
.links .comments {float: left;padding-left: 20px;background: url(http://www.geosyscom.fr/images/img04.jpg) no-repeat left top;}
/* Contact*/
#contact{width: 100%;margin: 5px 2px;color: #0c2038;}
#contact label{display: block;background-color: #ffffff;width:25%;float: left;padding: 0 0 0 0;text-align: right;letter-spacing: 1px;}
#contact label:hover{font-weight: bold;}
#contact .form_label_nostyle{background: none;}
/* Input */
#contact input:hover, #contact select:hover, #contact input:focus, #contact select:focus{border: #999 1px solid;background-color: #dfdee3;}
#contact input { width: 60%;border: #CCCCCC 1px solid;}
#contact select { width: 41%;border: #CCCCCC 1px solid;}
#contact .form_input_day_month{width: 3%;}
#contact .form_input_year{width: 6%;}
/* button submit */
#contact input[type="submit"]{border: #000000 1px solid;width: 27%;margin-left: 1%;}
#contact  input[type="submit"]:hover{background-color: #cccccc;cursor: pointer;}
#contact  input[type="reset"]{border: #000000 1px solid;width: 27%;margin-left: 1%;}
#contact  input[type="reset"]:hover{background-color: #cccccc;cursor: pointer;}
/* tableaucarte */
#TableauCarte{border: none;text-decoration: none;}
#TableauCarte img{border: none;text-decoration: none;}
#DataBase{border: none;text-decoration: none;}
#DataBase img{border: none;text-decoration: none;}

/* Lightbox */
#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;}
#lightboxDetails{ font-size: 0.9em;color: #555; padding-top: 0.5em;}
#closeButton{top: 5px; right: 5px; }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(http://www.geosyscom.fr/images/overlay.png); }
#overlay html{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(http://www.geosyscom.fr/blank.gif);
    Filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");}
/* Sidebars */
#sidebar1{float:left;width: 200px;text-align:left;position: relative;padding:0;margin: 1% auto 0 4%;z-index:6;}
.sidebar ul {margin: 0;padding: 0;list-style: none;}
.sidebar li { margin-bottom: 10px;padding: 0 0 20px 0px;background: url(http://www.geosyscom.fr/images/img06.jpg) repeat-y left top;border-bottom: 1px solid #CCCCCC;font-size: 17px;}
.sidebar li a:active {;color:#c2c2c2; }
.sidebar li li {margin: 0;padding: 5px 10px;border: none;font-size: 13px;}
.sidebar li h2 {height: 30px;margin: 0 0 10px 0;padding: 14px 0 5px 10px;background: url(http://www.geosyscom.fr/images/img05.jpg) no-repeat left top;font-size: 14px;font-weight: normal;color: #FFFFFF;font-size: 13px;}
.sidebar p {padding: 0 10px;font-size: 13px;text-transform:capitalize;}
#diapo{float:left;width: 190px;height:190px;position: relative;padding:0;margin: 1% auto 1% 4%;}
#diapo a:hover {text-decoration:none;} 
#diapo a:link {text-decoration:none;} 
#diapo a:visited {text-decoration:none;} 
#diapo img{ border:1px solid #CCCCCC;}
/* Footer */


#style {clear:both;}
#footer {background:url(http://www.geosyscom.fr/images/img01.jpg) repeat-x left top;width:1024px;height:230px;margin:0 auto ;}
#footera{width: 1024px;height:130px;margin: 0 auto 0 auto;}
#footerb{width:1024px;margin: 0 auto 0 auto;}
#footer1{float:left;height:100px;width:230px;margin:  0 0 0 -3%;text-align:left; padding: 1% 0 0 0;font-size: 0.7em;}
#footer2{float:left;height:100px;width:200px;margin: 0 0 0 20%;text-align:center;padding: 1% 0 0 0;font-size: 0.7em;} 
#footer3{float:right;height:100px;width:240px;margin: 0 auto 0 0;text-align:left;padding: 1% 0 0 0;font-size: 0.7em;} 
#footer li a {color:#ffffff;list-style-type: none;}
#footer li  {color:#ffffff;list-style-type: none;}
#footer2 li a {text-decoration:underline;color:#ffffff;list-style-type: none;}
#sitemap { margin: 2% 0 0 18%; line-height: 1.5;}
.sitemap1  {text-decoration: underline;}
.sitemap2  {margin: 2% 0 0 10%; }
.sitemap3  {margin: 2% 0 0 18%; }