/*
* CoMpuS - Site CNAS
* Gère la disposition des éléments de bases
* Der.mod : 10/02/2006
*--------------------------------------------------------------------------------------------------------------------------------------------*/

*{ margin:0; padding:0; border:0; font-family:sans-serif; font-size:1em; font-weight:normal; font-style:normal; text-decoration:none; }
table{ border-collapse:collapse; border-spacing:0; }

/******************************************************************************************** / GENERAL */
body{ 
	background-color:#dfecf2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

strong, b{ font-weight:bold; }
em, i{ font-style:italic; }

a:link,
a:visited,
a:active{ color:#5d72ae; }
div, p{color: #333;}

a:hover{ color:#2f5a7f; }
ul{ list-style: none;}

hr {visibility:hidden;}

#page {width: 910px; margin: 0 auto; }

#blc-container{background-color:#FFF; padding: 5px; width: 900px; padding:5px; text-align:center; display:table;}
.blc-left {float: left; width: 175px; text-align:left; border-right: 3px solid #FFF;}
.blc-center { padding: 40px 10px 10px 10px; text-align: left; width: 700px; background: transparent url(../images/fd-blc-center.jpg) repeat-x left top; display:table; }
#blc-content {background: #d7e3ee url(../images/fd-blc-content.jpg) repeat-x left top; }
/******************************************************************************************** / header */
#blc-header { background: #d7e3ee url(../images/fd-blc-header.jpg) repeat-x left top; height:226px; }

#blc-header #img_droite,
#blc-header #img_gauche {padding: 10px;}

#blc-header #img_droite {float:right;}
#blc-header #img_gauche {float:left;}

#blc-header h1 {display:none;}

/******************************************************************************************** / MENU */

#menu1 {background: #446b8c url(../images/fd-menu1.jpg) no-repeat left top; }
#menu2 {border-top: 3px solid #FFF; border-bottom: 3px solid #FFF;}
#menu2 ul,
#menu1 ul {padding: 5px;}

#menu2 ul li,
#menu1 ul li {padding: 5px; }

#menu1 ul li {border-bottom: 1px dotted #FFF;}
#menu1 ul li a{ color:#FFF;}
#menu1 ul li a:hover{color:#DDD;}

#blc-content img {border: 3px solid #FFF;}

#menu2 {background: #ed9117 url(../images/fd-menu2.jpg) no-repeat left top; }
#menu2 ul li {border-bottom: 1px dotted #666;}
#menu2 ul li a{ color:#666;}
#menu2 ul li a:hover{color:#333;}

/******************************************************************************************** / PAGE */

.home #blc-cfads {border-bottom: 1px dotted #a9cae6; padding: 5px; color: #333; margin-bottom: 10px; height: 160px;}
.home #blc-cfads h2{ color: #ffae00; font-size: 16px; font-weight: bold; padding: 10px 0 2px 0; margin-bottom: 10px; border-bottom: 1px dotted #a9cae6; }


.home #blc-conteneur {}

.home #blc-conteneur #blc-icsw { width: 315px; color: #333; padding: 0 25px 0 0;}
.home #blc-conteneur #blc-actu { width: 315px; color: #333; padding: 0 15px ;}

.home #blc-conteneur #blc-icsw { border-right: 1px solid #CCC; }
.home #blc-conteneur #blc-actu { float: right;}

.home #blc-conteneur #blc-icsw h2,
.home #blc-conteneur #blc-actu h2{ color: #284292; font-size: 16px; font-weight: bold; padding: 10px 0 2px 0; margin-bottom: 10px; border-bottom: 1px dotted #a9cae6; }


.article p.plusinfo,
.home p.plusinfo {text-align: right; padding: 5px;}
.article p.plusinfo a,
.home p.plusinfo a {background: transparent url(../images/puce-a.gif) no-repeat left top; padding: 0 0 0 15px; font-weight:bold;}

.article #blc-mea-actu ul li,
.home #blc-conteneur #blc-actu ul li  {padding: 5px; } 

.article  #blc-conteneur ul li {list-style:circle; padding: 2px;}
.article #blc-conteneur ul { margin-left: 25px; }

.article .blc-conteneur h1 {color:#7588c1; font-size: 16px;  font-weight: bold; padding: 10px 0;}
.article .blc-conteneur h2  { clear:left; color: #ffae00; font-size: 16px; font-weight: bold; padding: 10px 0 2px 0; margin-bottom: 10px; border-bottom: 1px dotted #a9cae6;} 
.article .blc-conteneur h3 {color: #7588c1; font-size: 14px;  font-weight: bold; padding: 10px 0 5px 0;}
.article .blc-conteneur h4 {color:#ffae00; font-size: 14px; padding: 10px 0 5px 0; text-align:center;	}
.article .blc-conteneur h5 {color:#284292; font-size: 11px; padding: 5px 0;}
.article .blc-conteneur h6 {color: #284292; font-size: 10px; text-transform:uppercase; padding: 5px 0;}

.article #blc-mea-actu h2{color: #284292; font-size: 16px; font-weight: bold; padding: 10px 0 2px 0; margin-bottom: 10px; border-bottom: 1px dotted #a9cae6; }

/******************************************************************************************** / breve */

.breve .blc-conteneur h1  {color: #ffae00; font-size: 16px; font-weight: bold; padding: 10px 0 2px 0; margin-bottom: 10px; border-bottom: 1px dotted #a9cae6;} 
.breve .blc-conteneur h3 span.right { color:#7588c1; float:left; margin-right: 15px; font-size: 12px; font-weight:bold; font-style: italic;}
.breve .blc-conteneur h3 {color:#284292; font-size: 12px;  font-weight: bold; padding: 10px 0 5px 0;}
.breve .blc-conteneur div.news-list {padding: 10px; border-bottom: 1px dotted #a9cae6;}
.breve .blc-conteneur div.news-list p {padding: 5px; clear:left;}

.breve .blc-conteneur div.news-list p a {background: transparent url(../images/puce-a.gif) no-repeat left top; padding: 0 0 0 15px; font-weight:bold;}
.breve .blc-center #blc-menu-actu {padding: 10px; border-top: 1px solid #a9cae6;}
.breve .blc-center #blc-menu-actu li a {font-weight:bold;}
.breve .blc-center #blc-menu-actu li {display:inline; margin-right: 50px;}


/******************************************************************************************** / FOOTER */

#blc-bottom { color:#666; padding: 10px; font-size: 11px; text-align:center;}