/* CSS Document */

* {margin: 0; padding: 0; list-style: none; }

html, body {width: 100%; height: 100%;}

body {
	background-color: #CBCED3;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS";
	font-size: 11px;
	color: #000066;
}

body#doctech #page .fond {
	padding:0;
	margin: 0 auto;
	width: 995px;
	background: #ffffff url(../images/fond-ush2.jpg) no-repeat top left;
	text-align: left;
	position: relative;
 }

#page {
	margin-right:auto;
	margin-left:auto;
	width:995px;
	background:#ffffff;
}

#page .fond {
	margin: 0 auto;
	width: 995px;
	background: transparent url(../images/fond-ush.jpg) no-repeat top left;
	text-align: left;
	position: relative;
}

#header {
	background: transparent url(../images/ush_02.jpg) no-repeat top right;
	width: 995px;
	height: 200px;
}
#logo {
	position: absolute;
	width: 384px;
}


#lien{
	position:absolute;
	top:180px;
	right:17px;
	
}
	
	
#blocmenu{
	background: transparent url(../images/ush_03.jpg) no-repeat top left;
	width: 995px;
	height: 108px;
}

/*#blocform{
	position:absolute;
	width: 300px;
	height: 108px;
}
*/

#menu {
	position:absolute;
	top:250px;
	right:10px;
	background: transparent url(../images/menu.jpg) no-repeat top right;
	width: 700px;
	height: 44px;
}

#menu ul li {
	position: relative;
	float:left;
	left:120px;
	padding: 14px 30px 0px 0px;
	background: none;
}
#menu ul li a {
	background: transparent;
}
#menu ul {
	margin: 0 0 50px 130px;
}
#menu ul li.first {
	background: transparent;
}
#menu ul li.last {
	background: none;
}

#menu a {
	color: #000066;
	font-size: 13px;
	text-decoration: none;
}
#menu a:hover {
	text-decoration: underline;
	color: #cc3333;
}

#menu a:hover {
	text-decoration: underline;
	color: #cc3333;
}

form { 
	position: absolute;
	margin:0;
	padding:0;
	top:228px;
	left:5px;
	text-align:left;
	color:#FFFFFF;
	/*background-image: url(formjaun.gif);*/
	/*background-repeat: repeat;*/
}
input { 
	/*background-image: url(inptt.gif);*/
	/*background-repeat: repeat;*/
	/*background-position: left top;*/
	/*background-attachment : fixed;*/
	font-size: 11px;
	background-color:#ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	border : solid 1px rgb(0, 0, 0);color:#000000
	width:100px;
	height:16px;
}
/*#blocmenu input.ok
{
    border          : 1px solid #def;
    background      : #6c3;
    cursor          : pointer;
    padding         : 3px 30px;
    margin          : 0 10px;
}
*/
/*textarea { 
	background-image: url(txt.gif);
	background-repeat : repeat;
	background-position: left top;
	background-attachment : fixed;
	color: rgb(0, 0, 230);
	font-weight: 800;
	font-size: 12px;
	background-color: rgb(204, 102, 0);
	font-family: Arial,Helvetica,sans-serif;
}
.asterix { 
	background-image: url(formjaun.gif);
	background-repeat: repeat;
	background-position: left top;
	background-color: rgb(255, 255, 0);
	font-size: 12px;
	color: rgb(255, 102, 0);
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
}
.txtform { 
	background-image: url(formjaun.gif);
	background-repeat: repeat;
	background-position: left top;
	background-color: rgb(255, 255, 0);
	font-size: 14px;
	color: rgb(0, 51, 0);
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	font-family: Arial,Helvetica,sans-serif;
}
*/
h1{
	font-size: 17px;
	font-weight: bold;
	color: #000066;
}

h1.accespro{
	position:absolute;
	top:208px;
	left:15px;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
}

h2{
	padding:5px 0 5px 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS";
	font-size: 25px;
	font-weight:bold;
	color:#FFFFFF;
	background: #339900;
}
h3{
	padding:10px 0 0 20px;
	margin-left:0;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS";
	font-size: 17px;
	font-weight:bold;
	color: #000066;
}

.h3 h3{
	background: transparent url(../images/puce.gif) 19px 17px no-repeat;
	}
	
h4{
	padding:10px 0 0 20px;
	margin-left:0;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS";
	font-size: 20px;
	font-weight:lighter;
	color: #000066;
}
	
a {
	text-decoration:underline;
	color:#000066;
}

a:hover {
	text-decoration:underline;
	color:yellow;
}
	
a.liens{
	padding:0 20px 20px 0;
	margin:0
	font-size:12px;
	color: #000066;
}

p.txdroite{
	padding:20px 20px 20px 20px;
	font-size:12px;
	color: #000066;
}

p.asterix{
	padding:0px 30px 0px 30px;
	font-size:11px;
	color: #000066;
}

.incorrect{
	position:absolute;
	width:300px;
	height:20px;
	margin:80px 0 0 10px;
	padding:0;
	font-size:11px;
	color: red;
	z-index:100;
}

p.chapeau{
	padding:20px 20px 20px 20px;
	font-size:12px;
	font-weight:bold;
	color: #ffff33;
}

p.chapeau-gauche{
	font-size:12px;
	font-weight:lighter;
	color: #000066;
}


.container {
	clear: both;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	width:995px;
	background: transparent;
	}
.bloc-gauche{
	float:left;
	width:314px;
	margin: 0 10px 0 0;
	text-align:right;
	background:transparent;
}
.bloc-droite{
	float:left;
	width:651px;
	background:#FFFFFF;
}

.bloc-vert{
	float:left;
	margin:5px 0 0 0 ;
	padding:0 0 0 0;
	width:651px;
    background-color:#99cc33;
  /*  filter:alpha(opacity=75);     -moz-opacity:0.75;     opacity: 0.75;*/
 	/*filter: progid:DXImageTransform.Microsoft.alpha( opacity=73); */
} 

.bloc-vert img{
	margin:0 0 0 0 ;
	padding:0px 10px 10px 20px;
} 

.graphique{
	clear:both;
	display:block;
	margin:auto ;
	padding:auto;
	width:400px;
	height:100%;
	text-align:center;
	background: transparent;
} 

#plan{
	display:block;
	left:20px;
	margin-left:30px;
	margin:0 20px 0 20px ;
	padding:0
}

.pied {
	clear: both;
	background: transparent url(../images/fond-pied.gif) no-repeat center left;
	width:100%;
	text-align:center;
	text-decoration: none;
	margin:10px 0 0 0;
	padding: 20px 0 20px 15px;
	/*background:red;*/
}
.pied a {
	margin :0; 
	padding:0;
	text-align: center;
	text-decoration: none;
	color: #000066;
}
.pied a:hover {
	color: #660000;	
}


.clear {clear: both;}
.clearall {clear: both; font-size: 1px;}