/* ///////////////////  AUTHOR  //////////////////// */
/* ||||||||| Nathalie Vergères | Atypique |||||||||| */
/* ||| www.atypique.ch | info@atypique.ch | 2009 ||| */
/* ///////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////// */
/* /// Resets default browser CSS///////////////////////////// */
/* /////////////////////////////////////////////////////////// */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  /*vertical-align: baseline;*/
  vertical-align: top;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remove border */
a:active { outline: none; } 

/* /////////////////////////////////////////////////////////// */
/* /// HTML BASIC TAGS /////////////////////////////////////// */
/* /////////////////////////////////////////////////////////// */
body{background: url(img/bg_body.jpg) #901714 repeat-x; text-align: center;}
body, table, td, tr, p, b, div, small, textarea, input, select, option, optgroup, fieldset, pre {
	font: 12px Arial, Helvetica, sans-serif;	 
	color: #7c2216;
}


p, a, small, li {line-height: 1.5em;}
b  {font-weight:bold; color:#FF5A00;}
p {margin: 1em 0 1em 0; text-align:justify;}
ul{}
/* /// Title Tags /// */
h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif; color:#ff5a00;}

h1{font-size: 2.6em;  }
h2{font-size: 1.8em; color:#B13227; margin-top:1.5em; }
h3{font-size: 1.5em;  }

h4{font-size: 1.2em; font-weight:bold; color:#B13227; }
h5{font-size: 1em;}
h6{font-size: 1em;}
/* ////////////////// */

/* /// Link Tags /// */
a:link, a:active, a:visited, a:hover {font-family: Arial, Helvetica, sans-serif; color: #B13227;}
a:hover{color:#FF5A00;}


/* /// Form Tags /// */
input, textarea, select{border:1px solid #020d5a; cursor:pointer;  }
input{}
textarea {}
imput.checkradio{border: 0 none!important;}
input.send{ }
/* ///////////////// */

small{font-size:0.8em; }
code{font:1.2em "Courier New", sans-serif;}
cite, pre, blockquote, q {font: 1.3em "Times New Roman", serif; font-style: italic; color:#F8921F;}
abbr, acronym{cursor:help;}
hr {border:1px solid #C8D6E5;}
img.border{border:1px solid #C8D6E5;}

/* ///////////////////////////////////////////////////////////// */
/* /// NETBUILDER SITE TAG /////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
#bgsite{background: url(img/bg2.jpg) repeat-y; width:100%;  background-position:  top center;  display: block; float:left; }
#bgsitefix{background: url(img/bg1.jpg) no-repeat;  background-position: top center; display: block; min-height:1100px; }
#fullsite{ margin-left:auto; margin-right:auto; width:960px; text-align:left; padding-top:10px;}

#header {background: url(img/bg_header.gif) no-repeat; height:44px; width:960px; float:left; }
#footer {background: url(img/bg_footer.gif) no-repeat; height:113px; width:900px; padding:50px 30px 0 30px; float:left; }
#content{background: url(img/bg_content.jpg) #FFFFFF no-repeat; min-height:750px; width:896px; padding:30px; border:2px solid #FFFFFF; float:left; }


#solgan{margin:50px 0 1em 0;}
#title{margin:50px 0 -1em 0;}

#address{color:#FFFFFF; line-height:2.5em; font-weight:bold; float:left;}

div.block{ float:left; width:890px;}
div.intro{ min-height:200px;}
div.intro li{ margin-left:40px;}
div.intro b {color:#b13227;}
div.colsleft{  float:left; width:430px; padding-right:15px;}
div.colsright{ float:left; width:430px; padding-left:15px;}
div.margintop{ margin-top:250px;}

/* /// Top Nav/// */
#header a{text-decoration:none; color:#8789AE; font-size:1.5em; padding:0 20px 0 20px;}
#header a:hover{color:#B13227;}
#header div {float:right; margin-top:10px;}
/* ////////////////// */


/* /// Home Box and Box/// */
h3.titlebox{border-bottom:1px solid #c8d6e5; line-height:2em;}
ul.listtag li{display: inline; font-size:0.8em; color:#8789ae;}
ul.listtag {background: url(img/icon_tag.gif) no-repeat; padding-left:30px; padding-bottom:10px; }
ul.listtag li a{color:#8789ae; }
ul.listtag li a:hover{color:#FF5A00; }

table.boxhome430, table.box430{width:400px;}
table.box430 td { vertical-align: top; }
table.box430 ul{ list-style-type: none; }
table.box430 h4{ margin-top:1em; line-height:1.5em;}
table.listcomp li{ font-weight:bold; color:#8789AE;   background: url(img/bullet.png) 5px no-repeat; padding-left:20px; }

table.boxhome430 td.icon{width:130px; text-align:center;}
div.boxhome, div.box{width:430px; margin-bottom:30px;}
div.boxhometop, div.boxtop {background: url(img/top_box_430.gif) no-repeat; height:9px; width:430px; }
div.boxhomecontent, div.boxcontent{background: url(img/bg_box_430.gif) #fefaf1 no-repeat; border-left:1px solid #fffaba; border-right:1px solid #fffaba; padding:0 15px 0 15px; min-height:170px;}
div.boxhomebottom, div.boxbottom{background: url(img/bottom_box_430.gif) no-repeat; height:8px; width:430px; }
/* ////////////////// */

/* /// News/// */
h3.titlenews {border-bottom:1px dotted #C8D6E5; line-height:2em; margin-bottom:0.5em;}
h3.titlenews a {background: url(img/icon_rss.gif) 0 0.2em no-repeat; padding-left:30px; text-decoration:none;}
h3.newsint a {color:#B13227;}
h3.newsext a {color:#8789AE;}
#newshome1 h4 a, #newshome2 h4 a{ padding-left:30px; line-height:1em; text-decoration:none; }
#newshome1 h4 a{ background: url(img/icon_arrow1.gif) no-repeat; color: #F8921F;}
#newshome2 h4 a{ background: url(img/icon_arrow2.gif) no-repeat; color: #B13227;}
#newshome2 h4 a b, #newshome2 p{color:#8789AE;}
#newshome1 p, #newshome2 p{ font-size:0.8em; padding-left:30px;}
/* //////////////*/


table.ref {border-spacing: 10px;}
td.reftechno, td.refimg{border:1px solid #C8D6E5;}
td.reftechno {vertical-align: top;}
td.reftechno{width:150px; padding:10px;}
td.reftechno h4 {border-bottom:1px dotted #C8D6E5; color:#8789AE;}
td.reftechno ul li{ list-style-type: none; color:#8789AE;   background: url(img/bullet.png) 5px no-repeat; padding-left:20px; font-size:0.8em; }
td.reftechno ul {margin-top:5px; }
td.reftechno ul li a {margin-top:5px; color:#8789AE; }
td.reftechno ul li a:hover {color:#FF5A00; }
td.reftxt h2 {padding-top:0;}
td.reftxt  {vertical-align: middle;}
td.contacttxt{ padding-left:30px;}
table.contactadr td{width:50%; vertical-align:top; }
table.contactadr td p{text-align: left; }

/* /// Baseline/// */
#baseline{float:left;}
#baseline h3 {color:#B13227; font-weight:bold;}
#baseline h4 {color:#8789AE; font-size: 1.5em; font-weight:bold;}
#certiflogo{float:right;}
/* ////////////////// */