body
{
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0;
margin:0;
background-image:url(images/fond.png);
background-repeat:repeat-x;
}
td {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#header h1 {
	padding-top:30px;
	margin-left:40px; 
	
	font-size:18px;
	color:#CCCCCC;
	
	

}

#header img {
	padding-right:10px;
	margin-right:20px;
	border-right:2px #CCCCCC solid;

}

#header {
	padding:10px;
	border-bottom:3px #00275E solid;
	background-color:#FFFFFF;
}

#main {
	background-color:#FFFFFF;
}
#search {
float:left;
padding-left:350px;
top:0;
padding-top:20px;
}

div#container
{
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
/*border:1px #FF0000 solid;*/
background-image:url(images/fond_gauche2.gif);
background-repeat:no-repeat;
background-position:0 100 0 0;
padding:25px;
margin-top:20px;
padding-top:10px;
height:659px;
/*background-color:#FFFFFF;
*/}



#loginbox {
	width:400px;
	height:201px;
	background-image:url(images/fond_bloc.gif);
	background-repeat:no-repeat;
	text-align:left;
margin-left: auto;
margin-right: auto;
margin-top:30px;
padding:5px;
}

.blocA {
	width:150px;
	height:201px;
	text-align:left;
padding:5px;
}



#loginbox input{
	border:1px #F4821A solid;
	background-color:#FFFFFF;
}

#content {
	padding-left:13em;
	/*border:#0033CC 1px solid;*/
	width:740px;
	background-color:#FFFFFF;
	
	
}

.fichier {
	width:350px;
	height:100px;
	/*border:1px #00CC33 solid;*/
	float:left;
	margin:5px;
}

.fichier .icone {
	float:left;
	border:2px #999999 solid;
	margin-right:5px;
}

.fichier .icone:hover{
	border:2px #f4821a solid;
}

.fichier h3 {
	padding:0;
	margin:0;
}

.fichier a {
	color:#00275B;
}
.fichier a:hover {
	color:#f4821a;
}

#inscription td {
	color:#FFFFFF;
}	

#inscription a {
	color:#FFFFFF;
	text-decoration:underline;
}
#inscription a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#loginbox a {
	color:#000000;
	text-decoration:underline;
}
#loginbox a:hover {
	color:#000000;
	text-decoration:none;
}



div#ex1 ul li ul{ display:none; }

div#ex1 ul li:hover>ul{ display:block; }

div#ex1 ul {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
   position: static;
	left: 10px;
	margin: 15px;
}

div#ex1 ul, div#ex1 ul ul {
  /* border:1px solid #990000;*/
  list-style:none;
  margin:0;
  padding:0;
  width:150px;
  /**width:150px;**/
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
 
}
	 
div#ex1 ul ul{
  position:absolute;
  top:-1px;
  left:150px;
}

div#ex1 ul li{
  position:relative;
  margin:0px;
  padding:0px;
  _display:inline;
 
}

div#ex1 ul a{
  display:block;
  width:100%;
  text-decoration: none;
  text-indent: 1em;
  width: 150px;
  padding: 5px 0;
}

div#ex1 ul li:hover, div#ex1 ul li a:hover {
  color: #FFFFFF;
  background-color: #CCCCCC;
}

/*div#ex1 ul li.smenu {
	background-image: url(exemples/arrow.gif) !important;
	background-position: 11.3em;
	background-repeat: no-repeat;
}

div#ex1 ul li.smenu:hover, div#ex1 ul li.smenu>a:hover {
	background-image: url(exemples/arrowb.gif) !important;
	background-position: 11.3em;
	background-repeat: no-repeat;
}
*/
div#ex1 ul a {
	color:#03295A;
	text-decoration: none;
}
#ex1 {
	float:left;
	padding-top:60px;
}

a{
	color:#999999;
	text-decoration:underline;
}

#footer {
	text-align:center;
	padding:10px;
	visibility:hidden;
	display:none;
}
#footer a{
	color:#999999;
	text-decoration:underline;
}

#footer2 {
	text-align:center;
	padding:10px;
}
#footer2 a{
	color:#999999;
	text-decoration:underline;
}

#footerAdmin {
	text-align:center;
	padding:10px;
}
#footerAdmin a{
	color:#999999;
	text-decoration:underline;
}

.fond1 {
	background-color:#AACD37;
}
.fond2 {
	background-color:#3FD3EB;
}
.fond3 {
	background-color:#F38319;
}

.fond4 {
	background-color:#FF4F4F;
	font-weight: bold;
	white-space:nowrap
}

#loginboxtop{
	width: 400px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/loginboxtop.jpg);
	background-repeat: no-repeat;
	margin-top: 30px;
	padding: 0px;
	text-align: center;
}

#loginboxcenter{
	width: 400px;
	min-height: 2px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/loginboxcenter.jpg);
	background-repeat: repeat-y;
	padding: 0px;
	text-align: center;
}

#loginboxcenter p{
	margin: 0px;
	padding: 0px;
	font-family: arial;
}

#loginboxcenter h1{
	margin: 0px;
	padding: 0px;
	font-family: arial;
	font-size: 150%;
	color: #FB8018;
}

#loginboxcenter h2{
	margin: 0px;
	padding: 0px;
	font-family: arial;
	color: #03285C;
}

#loginboxcenter h3{
	margin: 0px;
	padding: 0px;
	font-family: arial;
}

.imagevoletroulant{
	width: 312px;
	height: 419px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/nouveau-volet.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

.imagevoletroulantmin{
	width: 200px;
	height: 279px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/min-nouveau-volet.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

#loginboxbottom{
	width: 400px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/loginboxbottom.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-bottom: 30px;
	text-align: center;
}

h1 a{
	font-size:15px;
	font-weight:bold;
	color:#FB8018;
	text-decoration:none;
}

.cadre_orange{
	width:410px;
	text-align:center;
	background-color:#F38319;
	color:#ffffff;
	font-size:20px;
	padding:10px;
}
.cadre_orange_plus{
	text-align:right;
	font-size:11px;
}
.encadre_orange{	
	text-align:center;
	width:210px;
	border:solid 1px #F38319;
	font-size:13px;
	font-weight:bold;
	padding:5px;
	margin-top:30px;
}
.titre_clignotant{
	margin-top:50px;
}

.volet_isolant{
	text-align:center;
	font-size:24px;
	color:#002D5D;
	margin-top:100px;
}