.header{ width:1000px; margin:auto; height:75px;}
.logo-sacot{ width:73px; height:75px; float:right; background:url(images/logo-sacot.png) no-repeat;}
.logo-aolf{ width:200px; height:75px; float:left; background:url(images/logo-aolf.png) no-repeat;}
.congres{ width:700px; height:74px; float:left;  color:#FFFFFF;  text-align:center;  font-size:35px; }

.anim{ width:1000px; height:240px; margin:auto;}


#body
{
   background: #FFFFFF url('images/page.jpeg') top center fixed;
   margin:0 auto;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   line-height: 170% ;

}
.content{ width:1000px;
   margin:auto;  
   display: block;
   border-radius: 10px;
   background-color:#FFF;
   overflow:auto;
   padding:20px;
   }


/*------------------menu------------------------*/
.menu{ width:200px; float:left; background: #E2E8EE; }
#menu-accordeon {
  padding:20px;
  margin:0;
  list-style:none;
  
  
  width: 180px;
}
#menu-accordeon ul {
	padding-left:40px;
  margin:0;
  list-style:none;

}

#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   box-shadow: none;
   border:none;
   margin:0;
  
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #666;
  padding: 4px 0;
  border-bottom:#CCC solid 1px;
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em
 
  
}
#menu-accordeon li a:hover {
	list-style-image:url(images/menu.png);
	
	color: #F60 !important;
	
}
#menu-accordeon li:hover {
	list-style-image:url(images/menu.png);
	
	color: #F60 !important;
	
}
#menu-accordeon li  li:hover {

   color: #F60;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
  list-style-image:url(images/menu.png);
}



/*------------------fin menu------------------------*/

/*------------------compte------------------------*/
.compte{ width:200px; float:right; background: #E2E8EE; }
/*------------------fin compte------------------------*/
.article{ 
   width:560px; 
   float:LEFT;
   overflow:auto;
    background: #E2E8EE;
   border-radius:2px;
   padding:5px;
   margin:10px;
   display:block;

}
.contenu { padding:5px;
         text-align:justify;
		 vertical-align:text-top;
		 border: 1px solid #CCC;
}

.titre {   background: #C9D3DE;
   background: rgba(201, 211, 222, 0.7);
   border-bottom:1px solid #9CAFC4;
   margin:0 auto;
   position:relative;
   z-index:1;
   padding: 1px;
   margin-bottom: 5px;
  
      }
.titre h2{ font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
   padding-left:20px}
   .menu h2{ font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
   padding-left:20px}
   
   img { float:left; vertical-align:text-top; padding-right:10px;}
   .footer { width:1000px; margin:auto; height:75px; text-align:right; color:#FFF;}
   .footer a {color:#FFF; text-decoration:none;}
   .footer a:hover {color: #C60;}
   
   
   form p {
	margin: 1em 0;
}
form p.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}
form p.double label {
	float: left;
	width: 150px;
	text-align: right;
	cursor: pointer;
	font-size:14px !important;
}

form p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size:14px !important;
	
	cursor: default;
}
form p.double input[type=text] ,
form p.double input[type=password] ,
select ,
form p.double textarea {
	width: 250px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
	font-size:14px !important;
}
 input,
select,textarea{border: solid 1px midnightblue;}

form p.double input[type=radio]{
	width: 20px;
	padding: 2px 4px;
	font-size:14px !important;
	}
form p.double textarea {
	padding: 2px 0 0 4px;
	width: 320px;
	height: 6em;
	font-size:14px !important;
}
form p.simple {
	margin-left: 160px;
}

.clear {
clear:left;
}