html {margin:0px 0px 0px 0px;}
body {margin:0px 5px 0px 5px; font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000;font-size:0.7em; background-color:#A9C1CE;}
img { border: none; }
hr{clear:left; visibility: hidden;  }
ul{ margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
a:link,a:visited{ color:#000; text-decoration: none; }
a:hover{color: #000; text-decoration: underline; }
#container {  margin: 0 auto;   width: 100%;background-color:#A9C1CE;}
#pageHeader {  width: 100%;  background:#fff  url(IMG/sf_test.jpg) ; height:95px;}
#pageHeader .virgola {  background: url(IMG/virgola_top.jpg) right top no-repeat;  }
#contatti {position: absolute; right: 10px;top: 0px; width:300px; background:transparent; text-align:right; font-weight:bold;font-size:0.9em;padding-top:15px;}
#contatti a:link,#contatti a:visited{text-decoration: underline; }
#menutesta {  width: 100%; background: #DEDEDE;  font-weight: bold; border-bottom: 2px solid #fff; 
 border-top: 2px solid #fff; padding:0px 0px 0px 0px;margin:0px 0px 0px 0px; float:left; position:relative;}
 #menutesta ul{ list-style:none;  width:79%; float:left; padding:5px 0px 0px 0px;margin:0px 0px 0px 0px;  }
#menutesta  li,#piede li{ display:  inline; padding-left: 2px; padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;  }
#menutesta .formulaire_recherche{float:right;  width:20%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px; }
.modricerca{text-align:right;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px; }
#menutesta a  { margin: 0px 10px 0px 10px; } 
#preamble { display:block;  clear:left;   background: #344652; text-align: left; font-weight: bold;
vertical-align: middle; border-bottom: 2px solid #fff;  padding-bottom:5px; padding-top:5px;   border: 4px solid #fff; }
a.barrar:link,a.barrar:visited  {  color: #fff;  text-decoration: none; }
a.barrar:hover {  text-decoration: none;  color: #BF0010; }
a.barrab:link,a.barrab:visited { color:#fff;  text-decoration: none; }
a.barrab:hover { text-decoration: none;  color: #254F9B; }
a.virtuali:link,a.virtuali:visited { color:#254F9B;  text-decoration: none;}
a.virtuali:hover { text-decoration: none;  color: #BF0010; }
a.path:link,a.path:visited  { color: #fff;  text-decoration: none; }
a.path:hover { text-decoration: underline;   }
.box{ width: 95%; padding-left:20px;padding-right:5px; margin-top:10px; }
.princ-loghi { width: 83px; height: 83px; float: left; }
.princ-item{  width:80%; }
#menusx {  background-color: #364E5A;width: 198px;	float: left;}
#principalhome {margin: 0px 304px 0px 204px;  }
#homedestro { width: 304px;  float: right; }
#homedestro .menu-titre{color:#D9E3EA}
#principal .menu-titre{}
.menu-item{line-height: 1.3em; padding-top: 5px; padding-bottom:5px;}
.menu-item ul{ 	list-style:none; }
.menu-item li{ border-bottom: 1px solid #fff; line-height: 1.3em; padding-top: 5px; padding-bottom:5px; padding-left:5px;}
 .menu-titre{ font-weight: bold;color: #000000;	padding: 5px;background-color: #D9E3EA;	font-size: 1em;}
 #menusx a:link, #menusx a:visited {color:#fff;}
 #menusx a:hover{color:#fff; font-weight: bold; text-decoration: none;}
#piede{background-color:#344652;border: 4px solid #fff;padding-top:3px; padding-left:5px;}
/*due colonne*/
#principal { margin-left:204px;}
#principal .box{margin-bottom:20px;}
#principal .princ-item{width: 95%; text-align:justify; }

#colonne_int{ float:left;  background:#A9C1CE url(IMG/sfondosxcdq2.jpg) left top repeat-y; ; border: 4px solid #fff;width:99.3%;}
.portfolio{float:left;width:100px;padding-left:2px;padding-right:2px;height:200px;}



/* clearfix */
.clearfix:after { content: "."; display: block;  height: 0;  clear: both;  visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */