*{
padding:0;
margin:0
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background-color: #ecf4f6;
}
#conteneur {
	width: 957px;
	margin: 0 auto; 
}
#header {
	height: 377px;
	background:url(../images/haut-fond.jpg) no-repeat;
}
#centre {
	background:url(../images/fond-rep-ombre.gif) repeat-x;
	background-color:#29b6d2;
	min-height:500px;
}
#pied {
	height: 24px;
	background:url(../images/bas-fond.gif);
	clear:both;
}
#pied2 {
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0b6375;
}
/* LOGO */
.logo {
	margin:25px 59px;
}

/*Contenu*/
#contenu{
	float:left;
	width:737px;
	min-height:500px;
}
#contenuh{
	width:730px;
	height:37px;
	background:url(../images/haut-cadre-centre.png) repeat-y;
}
#contenum{
	width:730px;
	min-height:420px;
	background:url(../images/milieu-centre.png) repeat-y;
	background-color:#FFF;
}
#contenum p{
	padding:20px 40px;
}
#contenub{
	width:730px;
	height:49px;
	background:url(../images/bas-cadre-centre.png) repeat-y;
}
.barre-orange{
	background:url(../images/barre-orange-atominformatique.gif) no-repeat;
	height:59px;
	margin-left:17px;
}
#contenum li{
	list-style-type:disc;
	list-style-position: inside;
}
#contenum ul{
	list-style-position: inside;
	padding-left:65px;
}

/* TEXTE */
h1{
	padding-left:25px;
	padding-top:16px;
	font-size: 20px;
	font-weight:bold;
	text-decoration: none;
	color: #FFF;	
}
h2{
	padding: 5px 5px 15px 30px;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	color: #FF6103;	
}
h3{
	padding: 5px 5px 0px 30px;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	margin: -5px;
	color: #FF6103;	
}
.txt-petit{
	font-size: 9px;
	text-decoration: none;
	color: #a7a7a7;
	padding-top:15px;
	padding-left:35px;
}
.tarifs-decal{
	padding-left:45px;
}
.tarifs-decal2{
	padding-left:65px;
}
.tarifs-decal3{
	padding-left:39px;
}
blockquote {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #FF6103;
	margin: 10px;
	background: #EEE;
	-moz-border-radius:6px;
	border-radius:6px;
	padding-bottom:20px;
	padding-top:20px;
}
blocquote p { 
padding: 0px;
margin: 0px}

.finfloat{
	clear:both;
}
#documentation {
	padding-left:120px;
}
a:link,a:active,a:visited {
	text-decoration: underline;
	color:#FF6103;
} 
a:hover{
	text-decoration:inherit;
}

/* Tableau */
table#sample {
    background-color:#FFF;
    border: solid #fff 1px;
	margin: 0px 25px;
    width: 680px;
}
table#sample td {
    padding: 5px;
    border: solid #fff 1px;
}
table#sample2 {
    background-color:#FFF;
    border: solid #fff 1px;
	margin: 0px 25px;
    width: 680px;
}
table#sample2 td {
    padding: 5px;
    border: solid #fff 1px;
}
table#sample3 {
    background-color:#FFF;
    border: solid #fff 1px;
	margin: 0px 25px;
    width: 680px;
}
table#sample3 td {
    padding: 5px;
    border: solid #fff 1px;
}
table#sample4 {
    background-color:#FFF;
    border: solid #fff 1px;
	margin: 0px 25px;
    width: 680px;
}
table#sample4 td {
    padding: 5px;
    border: solid #e6e6e6 1px;
}
.data {
    color: #000;
    text-align: center;
    background-color: #e6e6e6;
}
.data2 {
    color: #000;
    text-align: left;
    background-color: #e6e6e6;
}
.data3 {
    color: #000;
    text-align: center;
    background-color: #dcdcdc;
}
.data4 {
    color: #000;
    text-align: left;
    background-color: #dcdcdc;
}
.toprow {
    text-align: center;
	font-weight: bold;
    background-color: #CCC;
}
.toprow2 {
    text-align: left;
	font-weight: bold;
    background-color: #CCC;
	padding-left:20px;
}
.toprow3 {
    text-align: center;
	font-weight: bold;
    background-color: #FFF;
}
.leftcol {
    font-weight: bold;
    text-align: center;
    width: 150px;
    background-color: #e6e6e6;
}
.leftcol2 {
    text-align: left;
    width: 570px;
    background-color: #e6e6e6;
}
.leftcol3 {
    text-align: left;
    width: 570px;
    background-color: #dcdcdc;
}
.leftco4 {
    font-weight: bold;
    text-align: center;
    width: 150px;
    background-color: #dcdcdc;
}

/*MENU*/
#global-menu{
	float:left;
	width:159px;
	margin-top:44px;
	margin-left:40px;
	color:FFF;
	background:#FFF url(../images/milieu-menu.png) repeat-y;
	}
#menuh {
	background:url(../images/haut-menu.png) no-repeat;
	width:159px;
	height:23px;
}
#menuc {
	width:159px;
	height:190px;
}
#menu {
	list-style-type:none; 
	width:159px;
	background:#FFF url(../images/milieu-menu.png) repeat-y;
}
#menu ul {
	list-style-type:none; 
	padding:0; 
	margin:0;
	width:143px;
}
#menu li {
	background:url(../images/img-menu-sstitre.gif) no-repeat; 
	border-top:1px solid #fff;
	margin-left:16px;
	list-style-position: outside;
}
#menu li.sub {
	background:url(../images/img-menu-titre.gif) no-repeat;
	text-align:center;
	padding-bottom:2px;
}
#menu li.fin {
	background:url(../images/bas-menu.png) no-repeat;
	width:159px;
	height:23px;
	margin:0;
	padding:0;
	border:0;	
	line-height:2; 
	cursor: default; 
}
#menu li.sub a.titre:hover {
	color:#ff0;
}
#menu li, #menu li a{
	display:block; 
	color:#0066ff; 
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
	line-height:32px; 
	width:143px; 
	text-decoration:none;  
	cursor:pointer; 
	font-weight:bold; 
}
#menu li ul li {
	margin:0;
	line-height:21px;
}
#menu li ul li a:hover{
	color:#ff9900;
	line-height:21px;
}
#menu li ul li a{
	color:#0066ff;
	line-height:21px;
}

#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#ff0; z-index:500;}
#menu li.click {color:#ff0;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px;}

#menu li.click ul li.fly {background: #657 url(../images/frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover {background:url(../images/img-menu-sstitre-hover.gif) no-repeat;}

#menu li.click ul li.hover ul li {background:#c60;}
#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#menu li.click ul li.hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#fa4;}
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}
/*FIN MENU*/

/*Formulaires*/
.form {
width: 685px;
padding: 0 10px 10px 10px;
color: #333;
}
#contenum form p.double {
	padding: 5px;
	margin: 0 35px;
}
form p.double label {
	float: left;
	width: 80px;
}
form p.double input,
form p.double textarea,
form p.double select {
	border: solid 1px #FF6103;
	background-color: #ffb653;
	color: #000;
	width: 200px;
	margin: 0;
	margin-left: 50px
}
form p.valid{
margin-left : 200px;
}
div.txt-form{
	float: right;
	margin-right: 30px;
	
}
/* Hack IE-win \*/
* html #contenu, * html #centre {
	height:500px;
}

* html #global-menu {
	margin-left:20px;
}
*html #contenum  {
	height:400px;
}