*{
  margin:0;
  padding:0;
}
html{
  text-align:center;
  background: #525252 url(http://www.wopr.ch/images/motif.gif) repeat-x 0 0;
}


div#site{
  width:900px;
  margin:0 auto;
  text-align:left;
}
div#siteConteneur{
  background: #fff url(../images/motifSite2.gif) repeat-y 0 0;
  float:left;
}
/*----------------------------------------------------------------------------*/

body, h1{
  font-size:11px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  text-align: justify;
  color:#525252;
}

a, p#chemin span{
  color:#C04700;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
a img{
  border:none;
}
h2{
  font-size:12px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  text-align: left;
}
h3{
  font-size:11px;
  line-height:13px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  text-align: left;
  color:#7EB951;
  margin-top:10px;
  margin-bottom:5px;
}
h4{
  font-size:11px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  text-align: left;
}

ul {
  margin-left:9px;
  margin-bottom:16px;
}
ul li{
  list-style-type: none;
  list-style-position: outside;
  background: url(http://www.wopr.ch/images/puce.gif) no-repeat 0px 4px;
  padding-left:14px;
  line-height:16px;
}
/*----------------------------------------------------------------------------*/

div#header{
  background: url(../images/header_en.gif) no-repeat 0 0;
  height:101px;
  width:900px;

}

div#header h1{
  float:left;
  display:inline;
  margin-top:6px;
  margin-left:9px;
}

/*----------------------------------------------------------------------------*/


div#menu{
  height:32px;
  width:900px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background: url(http://www.wopr.ch/images/menuTrait.gif) repeat-x 0 0;
}

div#menu ul{
  height:32px;
  background: url(http://www.wopr.ch/images/menu.gif) repeat-x 0 0;
  padding-left:7px;
  margin-left:1px;
  margin-right:1px;
  margin-bottom:0px;
}

div#menu ul li{
  list-style-type:none;
  list-style-position: outside;
  display:inline;
	position:relative;
  float:left;
	z-index:6000;
  background: none;
  padding-left:0;
  line-height:18px;
}



div#menu ul li a{
  color:#FAD57C;
  font-weight:bold;
  display:inline;
  float:left;
  margin-left:9px;
  padding-left:15px;
  padding-top:7px;
  height:25px;
  padding-right:12px;
}

div#menu ul li a:hover, div#menu ul li a.select{
  background: url(http://www.wopr.ch/images/menu-over.gif) repeat-x 0 0;
}



div#menu li ul {
	position: absolute;
	left: -999em;
	top:29px;
	width: 200px;
	padding-top:3px;
	background: none;
  height:auto;
}
div#menu li:hover ul, div#menu li.sfhover ul {
	left: 0;
}

div#menu ul li ul li a{
	color: #F7D679;
	display:inline;
	float:left;
	text-align: left;
	width: 165px;
	margin:0;
	height:auto;
	background: #000;
	padding-top:2px;
	line-height:16px;
  padding-left:16px;
	padding-bottom:2px;
}
div#menu ul li ul li a:hover{
	color: #fff;
	background: #000;
}
div#menu ul li ul li a.select{
	color: #fff;
	background: #000;
}


/*----------------------------------------------------------------------------*/

div#contenu{
  /*width:562px;*/
  width:700px;
  float:right;
  padding-bottom:20px;
}

div#colonneDroite{
  width:188px;
  float:left;
}
div#colonneDroite table{
  margin-left:10px;
}

/*----------------------------------------------------------------------------*/

div#articleAccueil{
  width:253px;
  height:246px;
  border-top: 3px solid #A3A3A3;
  border-bottom: 1px solid #ddd;
  text-align: justify;
  margin-top:20px;
  margin-left:30px;
  font-size:12px;
  background: #F5F5F5 url(http://www.wopr.ch/images/articleAccueil.gif) no-repeat 0 0;
  float:left;
  display:inline;
}
div#articleAccueil h2{
  font-size:18px;
  line-height:23px;
  color:#000;
  margin-top:7px;
  margin-left:11px;
  width:200px;
  margin-bottom:14px;
}
div#articleAccueil p{
  margin-left:10px;
  margin-right:20px;
  line-height:17px;
}

div#animFlash{
  margin-top:20px;
  float:left;
  width:250px;
  height:250px;
}
/*----------------------------------------------------------------------------*/

p#chemin{
  font-size: 9px;
  font-family: Arial,Helvetica, Verdana, sans-serif;
  color:#ccc;
  margin:20px 30px 0;
  padding-top:6px;
  border-top: 3px solid #8DC760;
}
p#chemin a{
  text-decoration: none;
}
p#chemin a:hover{
  text-decoration: underline;
}

/*----------------------------------------------------------------------------*/
h2.titrePage{
  color:#7EB951;
  font-size: 18px;
  margin:1px 30px 10px;
  padding-bottom:11px;
  background: url(http://www.wopr.ch/images/titrePage.gif) repeat-x 0 100%;
}
div#article {
  margin:0 30px;
  text-align: justify;
  margin-bottom:35px;
}
div#article img.right {
  float:right;
  display:inline;
  margin-left:13px;
  border:1px solid #ddd;
}
div#article img.left{
  float:left;
  display:inline;
  margin-right:13px;
  border:1px solid #ddd;
}
div#article, div#article h1{
  line-height:13px;
}
div#article div.emphase{
  background:#F5F5F5;
  border-top:1px solid #ddd;
  margin-top:7px;
}

div#article div.emphase h3{
  margin-top:3px;
  margin-left:10px;
}
/*----------- formulaire -----------------------------------------------------------------*/

div#article select,div#article input,div#article textarea{
	background: #ffffff;
	color: #525252;
	border: 1px solid #DDDDDD;
	padding: 2px;
	margin: 2px;
	font-size: 9px;
}
div#article form div{
	float: none;
	clear:both;
	display: block;
}
div#article form label{
	width: 300px;
	background: #F5F5F5;
	border: 0px;
	margin: 2px;
	display: block;
	float: left;
}

div#article .valider{
	background: #F5F5F5;
	color: #C04700;
	float: right;
	border: 1px solid #DDDDDD;
	margin: 0;
	padding: 0;
}

div#article .oblig{
	color: #C04700;
	}
/*----------------------------------------------------------------------------*/

div#multiColonne{
  height:308px;
  clear:both;
  padding-left:15px;
}
div#multiColonne div.col{
  width:157px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-top:1px solid #8DC761;
}
div#multiColonne div.col h3{
  font-size:11px;
  font-weight: bold;
  color:#8DC761;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  background: url(http://www.wopr.ch/images/colVert.gif) no-repeat 0 0;
  margin-bottom:9px;
}

div#multiColonne div.col img{
  border: 1px solid #ddd;
  margin-bottom:1px;
}
div#multiColonne div.col div{
  margin-left:11px;
  line-height:16px;
}
div#multiColonne div.col div ul{
  margin-left:0px;
  margin-top:2px;
}
div#multiColonne div.col div ul li{
  list-style-position: outside;
  list-style-type: none;
  background: url(http://www.wopr.ch/images/puce.gif) no-repeat 0px 4px;
  padding-left:10px;
  line-height:14px;
  margin-bottom:3px;
}

div#multiColonne div.col#titreOrange{
  border-color: #C64E02;
}
div#multiColonne div.col#titreOrange h3{
  color:#C64E02;
  background: url(http://www.wopr.ch/images/colOrange.gif) no-repeat 0 0;
}
div#multiColonne div.col#titreBleu{
  border-color: #2C82C9;
}
div#multiColonne div.col#titreBleu h3{
  color:#2C82C9;
  background: url(http://www.wopr.ch/images/colBleu.gif) no-repeat 0 0;
}


/*----------------------------------------------------------------------------*/


div#colonneDroite h3{
  border-top:1px solid #F7A433;
  font-size:11px;
  font-weight: bold;
  color:#F7A433;
  padding-left:17px;
  padding-top:3px;
  height:20px;
  margin-top:7px;
  border-bottom: 1px solid #D5D5D5;
  background: url(http://www.wopr.ch/images/titreColonneDroite.gif) no-repeat 0 2px;
  width:150px;
  margin-left:10px;
  line-height:18px;
  margin-bottom:0px;
}
div#colonneDroite address{
  font-style:normal;
  clear:both;
  margin-top:8px;
  line-height:14px;
  margin-bottom:18px;
  margin-left:13px;
}
div#colonneDroite img{
  margin-left:18px;
  margin-top:8px;
  margin-bottom:-2px;
}
div#colonneDroite div#domRoot img{
  margin-left:0;
  margin-top:0;
  margin-bottom:0;
}
div#colonneDroite p{
  margin-left:13px;
  line-height:16px;
}
div#colonneDroite p a{
  display:block;
  margin-top:4px;
  padding-left:10px;
  background: url(http://www.wopr.ch/images/puceOrange.gif) no-repeat 0 4px;
  float:left;
}
/*----------------------------------------------------------------------------*/

div#footer{
  width:900px;
  margin:0 auto;
  text-align:left;
  clear:both;
  padding-top:1px;
}
* html div#footer{
  padding-left:1px;
}
div#footer ul{
  margin:0;
  width:750px;
}
div#footer ul li{
  list-style-position: outside;
  list-style-type: none;
  display:inline;
  color:#fff;
  font-size:10px;
  height:18px;
  background: none;
  padding-left:0;
  line-height:18px;
}

div#footer ul li a, div#footer ul li span{
  color:#fff;
  font-size:9px;
  display:inline;
  float:left;
  padding-right:8px;
  margin-left:7px;
  background: url(http://www.wopr.ch/images/footerTrait.gif) no-repeat 100% 4px;
  height:15px;
}
div#footer ul li span{
  margin-left:0;
  padding-right:9px;
}
div#footer ul li a#noe{
  font-size:10px;
  background:none;
}
* html div#footer ul li a#noe{
  padding-top:2px;
}

div#footer ul li a#accesClient{
  float:right;
  padding:0;
  margin:0;
  font-size:11px;
  margin-top:-1px;
  padding-left:20px;
  background:url(http://www.wopr.ch/images/cadenas.gif) no-repeat 5px 3px;
}