/* ///////////////
/// general
*/ 
#page{width:911px; margin:20px auto;}
#header{width:898px; height:72px; padding: 16px 0 0 33px; background-image: url('../media/sn_01.gif');}/*width:911px; height:105px;*/
#header h1{}
#header span{position:absolute; left:-2000px;}

#corps{/*width:911px; height:504px; */position:relative;}
#corps:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#corps{display: inline-block;}
#corps{display: block;}

#alpha{/*width:148px;*/
	width:145px; height:504px; padding-right:3px; float:left;background: transparent url('../media/sn_02.gif') no-repeat top left; 
	font-size: 10px; text-transform: uppercase;
	background-position: top left; background-repeat: no-repeat;
}
#alpha ul{}
#alpha li{display:block; /*width:115px;*/width:120px; padding:2px 15px 3px 10px; background-color: #868788; border-bottom: 2px solid #fff;}
#alpha li a{color:#fff; text-decoration: none;}
#alpha li a:hover{color:#000;}
#alpha li.selected{background-color:#c5c6c7;}
#alpha li.selected a{color:#000;}
#alpha li.selected a:hover{color:#fff;}

#beta{width:763px; height:504px; float:left; background-position: top left; background-repeat: no-repeat; color:#888786;}
body#home       #beta{background-image: url('../media/sn_home.jpg');}
body#qui        #beta{background-image: url('../media/sn_qui.jpg');}
body#solutions  #beta{background-image: url('../media/sn_solutions.jpg');}
body#references #beta{background-image: url('../media/sn_references.jpg');}
body#contact    #beta{background-image: url('../media/sn_contact.jpg');}
body#credit     #beta{background-image: url();}
body#ecographik #beta{background-image: url('../media/sn_ecographik.jpg');}

#clic{
	position:absolute; right:11px; top:0; width:220px; padding:2px 10px 3px 10px; 
	background-color: #fff; font-size:11px; color:#636466; 
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
}
#clic a{color:#96bd0d; text-decoration: none;}
#clic a:hover{color:#4c7600;}
#beta #clic{right:10px;}
#beta > #clic{right:11px;}

#footer{font-size:10px; color:#646567; padding-left:5px;}
#footer a{color:#646567; text-decoration: none;}
#footer a:hover{color:#252627;}



/* ///////////////
/// home
*/ 
body#home #beta{width:763px; height:504px; position:relative;}   /*width:763px; height:504px;*/
body#home #beta_inner{
	width:712px; position:absolute; bottom:31px; right:31px; 
	font-size:36px; font-family: "Times New Roman", Times, serif; color:#fff;
}



/* ///////////////
/// qui
*/ 
body#qui #beta{
	width:696px; height:441px; padding: 63px 45px 0px 22px;   /*width:763px; height:504px;*/
	font-size: 16px; font-family: "Times New Roman", Times, serif; 
}
body#qui h2{display:none;}
body#qui #beta p{margin-bottom:0.5em;}



/* ///////////////
/// solutions
*/ 
body#solutions #beta{
	width:716px; height:370px; padding: 53px 35px 81px 12px;   /*width:763px; height:504px;*/
	font-size: 14px; color:#6d6d6b;
}
body#solutions #beta_inner{padding:10px; width:696px; height:350px; overflow: auto;}
body#solutions h2{display:none;}
body#solutions h3{color:#759d00; font-size: 120%; font-weight: bold; text-transform: uppercase;}
body#solutions h4{color: #000; margin-left:20px; font-size: 90%; font-weight: bold;}
body#solutions h5{color:#373737; margin-left:40px;}
body#solutions #beta p,
body#solutions #beta ul{margin-bottom:1.2em; margin-left:40px;}
body#solutions #beta p.fin{margin-bottom:2em;}



/* ///////////////
/// references
*/ 
body#references #beta{width:751px; height:451px; padding: 53px 0px 0px 12px;}   /*width:763px; height:504px;*/
body#references h2{display:none;}
body#references table{width:725px; font-size: 10px;}
body#references th, td{
	height:37px; padding:0 10px; margin-bottom: 5px; text-transform: uppercase;  vertical-align:middle;}
body#references th{color:#fff;}
body#references td{color:#636466;}
body#references .type{}
body#references .logo{width:210px;}



/* ///////////////
/// contact
*/ 
body#contact #beta{width:716px; height:451px; padding: 52px 35px 0px 12px; font-size:10px;}   /*width:763px; height:504px;*/
body#contact #beta input,
body#contact #beta select,
body#contact #beta textarea{font-size: 10px;}
body#contact h2{display:none;}
#mbet1{width:338px; height:164px; float:left; padding:10px;}
#mbet2{width:338px; height:164px; float:left; padding:10px;}
#mbet3{width:696px; height:017px; /*float:left;*/ padding:10px; clear:left;}   /*width:716px;*/
#mbet4{width:696px; height:auto; /*float:left;*/ padding:10px;}   /*width:716px;*/
body#contact #beta form:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body#contact #beta form{display: inline-block;}
body#contact #beta form{display: block;}
body#contact #beta form{}

body#contact label{text-transform: uppercase;}
body#contact #mbet2 p,
body#contact fieldset{margin-bottom:6px;}
.mandat{color:#4c7600; font-size: 85%;}


body#contact fieldset.frad input{width:10px; height:10px;}
body#contact fieldset.frad label{padding-right:15px;}
body#contact fieldset.ftex label{display:block; float:left; width:70px; padding-right:10px; text-align: right; padding-top:3px;}
body#contact fieldset.ftex input{display:block; float:left; width:250px;}
body#contact fieldset.ftex:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body#contact fieldset.ftex{display: inline-block;}
body#contact fieldset.ftex{display: block;}
body#contact fieldset.fsel{padding-left:80px;}
body#contact fieldset.fsel label{display:none;}
body#contact fieldset.fsel select{width:200px;}

body#contact fieldset.farea label{display:block; float:left; width:65px; padding-right:10px; padding-top:3px;}
body#contact fieldset.farea textarea{display:block; float:left; width:255px; height:99px;}
body#contact fieldset.farea:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body#contact fieldset.farea{display: inline-block;}
body#contact fieldset.farea{display: block;}
body#contact .inps{margin-left:75px;}

#mbet3{line-height:17px;}
#mbet4{background-color: #fff; margin-top:30px; font-weight: bold;}



/* ///////////////
/// ecographik
*/ 
body#ecographik #beta{
	width:696px; height:441px; padding: 63px 45px 0px 22px;   /*width:763px; height:504px;*/
	font-size: 16px; font-family: "Times New Roman", Times, serif;
}
body#ecographik #beta h2{color:#97be0d; font-weight: bold;}
body#ecographik #beta p{margin-bottom:1.2em;}
body#ecographik #beta a{color:#96bd0d; text-decoration: none;}
body#ecographik #beta a:hover{color:#4c7600;}
.eco{text-transform: uppercase; font-size:70%;}