/***** les couleurs personnalisées ***/
/*
1 fond bleu clair : #c8d7ee
2 fond vert clair : #DAEBC1
3 fond orange clair : #FDD2B5
4 texte bleu : #5A91CC
4 texte vert : #8CC63F
4 texte orange : #F47532
*/
/**** structure générale ****/
html, body, div, ul { 
	margin:0;
	padding:0;
}

a img {
	border:0;
}


body {

	font: normal 85%/1em Arial, Helvetica, sans-serif;
	 color: #000;
	 text-align: center;
	  background:#FFF url('bg_frcaa.jpg') repeat-x top;
}

.wrapper {
	/*width:1100px;*/
	width:97%;
	margin:auto;
	text-align:left;
}

#main, #header, .head_menu, #mainarea, .footer {
	width:100%;
}
#main {
	padding-bottom: 30px;
}

/*** header ****/
#header {
	background: transparent url('bandeau_clibreV1.gif') no-repeat top left; 
	height: 185px; 
	voice-family: inherit;
}
#header #left {
	position: absolute;
	top: 0;
	left: 0;
	width: ;
	padding-top: 30px;
	padding-left: 10px;
}
#header #middle {
	margin-left: 151px; 
	width: 720px; 
	padding-top: 0px; 
	text-align: center;
}
#header #right {
	position: absolute; 
	top:0;
	right: 0; 
	width: ; 
	padding-top: 30px; 
	padding-right:10px;
	text-align: right;
}

#header-band {
	width: ; 
	height: ;
	color: #333; 
	WHITE-SPACE: nowrap; 
	
}
/*** menu haut ***/
/*HEAD MENU STYLE*/
.head_menu {
    height: 25px;
    background-color:#60411E;
}

.head_menu ul {
	list-style:none;
	padding-left:180px;
}

.head_menu li {
	list-style:none;
	height:25px;
	float:left;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	text-align:center;

}

.head_menu a {
	display:block;
	background-color:#60411E;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding-bottom-style:solid;
	padding-bottom-width:5px;
	padding-bottom-color:#1A81B4;
}

.head_menu a:hover {
	color:#fff;
	background-color:#1A81B4;
}

.head_menu_1 a {
	display:block;
	background-color:#60411E;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-bottom-color:#1A81B4;
}
.head_menu_1 a:hover {
	color:#fff;
	background-color:#1A81B4;
}
.head_menu_2 a {
	display:block;
	background-color:#60411E;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-bottom-color:#CE0037;
}
.head_menu_2 a:hover {
	color:#fff;
	background-color:#CE0037;
}

.head_menu_3 a {
	display:block;
	background-color:#60411E;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-bottom-color:#E7653B;
}
.head_menu_3 a:hover {
	color:#fff;
	background-color:#E7653B;
}

.head_menu_4 a {
	display:block;
	background-color:#60411E;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-bottom-color:#7AA228;
}
.head_menu_4 a:hover {
	color:#fff;
	background-color:#7AA228;
}





#mainarea {
	min-height: 400px;
	padding-top:10px;
}
#mainarea .left {
	float: left;
	width: 180px;
}
#mainarea .right {
	float: right;
	width: 200px;
}
#mainarea .center {
	text-align: left; 
	margin-left: 200px; 
	margin-right: 210px; 
	voice-family: inherit; 
	background:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

/*left MENU STYLE*/

.menu_left_header {
	padding:4px 0;	
	font-weight:bold;
	color:#5A91CC;
	line-height:1.2em;
	font-size:1.1em;
	background-color:#1A81B4;
	color: #FFF;
	text-align:center;
}

.menu_left_nav {
	font-weight:normal;
	font-size:.9em;
}

.menu_left_nav ul { 
    list-style:none;
    Z-INDEX: 20;
    width: 180px;
}

.menu_left_nav li {
	list-style:none;
	line-height:1.4em;
    position: relative;
	padding:1px 0 1px 0;
}
.menu_left_nav li a { /* définit le style des menus*/
    display: block;
	padding:.5em 12px .5em 8px;  
    LINE-height: 1.2em;
    text-align: left;
    text-decoration: none;
    color: #000;
	background-color:#FFF;
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#60411E;
}
.menu_left_nav li a:hover { /* couleurs qd sélectionné */
    background: #C5E0E0;
}
.menu_left_nav li:hover ul { /* faire apparaitre les sous-menus */
    left: auto;
}

.menu_left_nav li:hover a.actuator { /*surligne le premier menu qd on passe sur le sous-menu*/
	background: #C5E0E0;
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#1A81B4;
}

.menu_left_nav li ul { /* cacher les sous-menus */
    Z-INDEX: 20;
    top:1px;
	left: -999em;
    margin-left: 180px;
    position: absolute;
    border-style:solid;
	border-width:2px;
	border-color:#1A81B4;
	background-color:white;
}

.menu_left_nav li ul li {
    padding:1px 0 1px 0;
}

.menu_left_nav li ul li a {
	background: #FFF;
	color:black;
	margin-left:1px;
	border-bottom:1px solid #fff;
}
.menu_left_nav li ul li a:hover { 
	background: #C5E0E0;
	color:black;
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#1A81B4;
}







.left_menu_1 .menu_left_header {
	color:#5A91CC;
	background-color:#1A81B4;
	color: #FFF;
}
.left_menu_1 .menu_left_nav li a {
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#60411E;
}
.left_menu_1 .menu_left_nav li a:hover {
    background: #C5E0E0;
}
.left_menu_1 .menu_left_nav li:hover a.actuator {
	background: #C5E0E0;
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#1A81B4;
}
.left_menu_1 .menu_left_nav li ul {
	border-color:#1A81B4;
}
.left_menu_1 .menu_left_nav li ul li a:hover { 
	background: #C5E0E0;
	border-left-color:#1A81B4;
}



.left_menu_2 .menu_left_header {
	color:#5A91CC;
	background-color:#CE0037;
	color: #FFF;
}
.left_menu_2 .menu_left_nav li a {
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#60411E;
}
.left_menu_2 .menu_left_nav li a:hover {
    background: #F0CDD7;
}
.left_menu_2 .menu_left_nav li:hover a.actuator {
	background: #F0CDD7;
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#CE0037;
}
.left_menu_2 .menu_left_nav li ul {
	border-color:#CE0037;
}
.left_menu_2 .menu_left_nav li ul li a:hover { 
	background: #F0CDD7;
	border-left-color:#CE0037;
}


.left_menu_3 .menu_left_header {
	color:#5A91CC;
	background-color:#E7653B;
	color: #FFF;
}
.left_menu_3 .menu_left_nav li a {
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#60411E;
}
.left_menu_3 .menu_left_nav li a:hover {
    background: #ECCBC6;
}
.left_menu_3 .menu_left_nav li:hover a.actuator {
	background: #ECCBC6;
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#E7653B;
}
.left_menu_3 .menu_left_nav li ul {
	border-color:#E7653B;
}
.left_menu_3 .menu_left_nav li ul li a:hover { 
	background: #ECCBC6;
	border-left-color:#E7653B;
}


.left_menu_4 .menu_left_header {
	color:#5A91CC;
	background-color:#7AA228;
	color: #FFF;
}
.left_menu_4 .menu_left_nav li a {
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#60411E;
}
.left_menu_4 .menu_left_nav li a:hover {
    background: #D1E887;
}
.left_menu_4 .menu_left_nav li:hover a.actuator {
	background: #D1E887;
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#7AA228;
}
.left_menu_4 .menu_left_nav li ul {
	border-color:#7AA228;
}
.left_menu_4 .menu_left_nav li ul li a:hover { 
	background: #D1E887;
	border-left-color:#7AA228;
}









/*CONNECTION BLOCK STYLE*/

.connectionBlock {
background:#5f93ce url('bg_connection.jpg') repeat-x top;
padding:.5em 1em;
position:relative;
z-index:0;
}

.connectionHeader {
	background:#5f93ce;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	padding:.5em;
}

.connectionText {
color:#fff;
padding-bottom:5px;

}

.connectionField {
font-size:1em;
margin-bottom:15px;
border:1px solid #fff;
padding:2px;
width:165px;
}

.connectionButton {
	clear:both;
	text-align:center;
	border:0 none;
	border:2px solid #fff;
	background:#5991cc;
	color:#fff;
	font-weight:bold;
	padding:4px;
	width:170px;
	border-radius:20px 20px 20px 20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	

}

.footer {
    overflow:hidden;
	text-align: center;
	padding-top:10px;
	clear:both;
}

/**** les classes générales *****/


h1 {
	color:#5A91CC;
	margin:20px 0;
	font-size:1.7em;
	font-weight:bold;
	line-height:1.2em;
	padding:1px 0 2px 18px;
	background:url('rond_bleu.gif') no-repeat top left;
}
	
h2 {
    color:#F47532;
	padding:5px 0 10px 0;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2em;
}

h3 {
    color:#8CC63F;
	padding:0 0 10px 0;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.2em;
}

h4 {
    color:#333;
	padding:0 0 5px 0;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
}
h5 {
    color:#777;
	padding:0 0 5px 0;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
}
h6 {
    color:#777;
	padding:0 0 5px 0;
	font-size:1em;
	font-weight:bold;
	line-height:1.2em;
}


p, ul, ol {
	line-height:1.4em;
	padding-top:.2em;
	padding-bottom:1em;
}

#mainarea p {
	text-align:justify;
}

#mainarea .center ul, ol {
margin-left:25px;
}


/*** les classes spécifiques pour FCK****/
.align-left {
text-align:left;
}
.align-center {
text-align:center;
}
.align-right {
text-align:right;
}
.align-justify {
text-align:justify;
}

.text-xbig {
font-size:1.6em;
}
.text-big {
font-size:1.3em;
}
.text-small {
font-size:.9em;
}
.text-xsmall {
font-size:.8em;
}

.radius_10 {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.radius_20 {
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
.radius_30 {
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}

.texte_bleu { /*.texte1 bleu*/
color: #5A91CC;
}

.texte_vert { /*.texte2 vert*/
color: #8CC63F;
}

.texte_orange { /*.texte3 orange*/
color: #F47532;
}

.bord_bleu { /*.bord1 bleu*/
border:2px solid #5A91CC;
padding:4px;
background:#fff;
}

.bord_vert { /*.bord2 vert*/
border:2px solid #8CC63F;
padding:4px;
background:#fff;
}

.bord_orange { /*.bord3 orange*/
border:2px solid #F47532;
padding:4px;
background:#fff;
}

.fond_bleu {  /*.bg1 bleu*/
padding:5px;
background:#c8d7ee;
}

.fond_vert{ /*.bg2 vert*/
padding:5px;
background:#DAEBC1;
}

.fond_orange { /*.bg3 orange*/
padding:5px;
background:#FDD2B5;
}

 /*** les tableaux ****/
 /*neutre*/
 table {
 	border-color:#f0f0f0;
	border-collapse:collapse;
	font-size:1em;
 }
th, td {
	padding:2px 5px;
	border-bottom:
}
table caption {
font-weight:bold;
text-align:center;
}

/*identite*/
table.identite {
	border-color:#fff;
}
table.identite th {
	background-color:#8CC63F;
	color:#fff;
	text-align:right;
}
table.identite td {
	background-color:#f0f0f0;
}
table.identite caption {
	background-color:#F47532;
	color:#fff;
}


/*ARTICLE STYLE*/
.article_name_text { 
     color:#5A91CC;
	padding-left:6px;
	border-left:2px solid #5A91CC;
	text-transform:uppercase;
	margin:20px 0;
	font-size:1.3em;
}

.article {
    padding-bottom: 10px;
    padding-top: 10px
}
.article_summary {
    padding:15px;
	font-size:1.1em;
	margin:20px 10px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	background:#c8d7ee;
	overflow:hidden;
    position: relative;
	z-index:0;
}

.article_text { /****vérifier ****/
	font-size:.9em;
padding:10px 20px;
}
span.article_texte {
display:block; 
padding:10px 20px;
font-size:.9em;
}



.article_subArticleBlock{
	padding-left: 100px;
	margin-bottom: 10px; 
}

.article_subArticleName a{
	 color:#000;
	 text-decoration:none;
}

.article_subArticleName A:hover{
	color: #0088ce;
   
}
.article_subArticleName {
padding:1px 0 15px 25px;
background:url('bg_liste_liens.gif') no-repeat top left;
line-height:1.2em;
}
hr.article_sepbar {
    background-color:#8CC63F;
	height:1px;
	width:70%;
	font-size:0;
	border:none;
}

/*MODULE STYLE*/
.module_block {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.module_name {
    color:#5A91CC;
	margin:20px 0;
	font-size:1.7em;
	font-weight:bold;
	padding:1px 0 2px 18px;
	background:url('rond_bleu.gif') no-repeat top left;
}


.module_article_block { /*** pas trouvé ***/
    float: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #333333;
	width: 250px;
	height: 120px;
}

.module_article_block_list_info {
	color:#669900;
	text-align:right;
	padding:15px;
	margin-bottom:10px;
	background:#DAEBC1;
	font-weight:bold;
	font-size:.9em;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
.module_article_block_list_info div {
	text-align:left;
}
.module_article_block_list_info_image {
    float: left;
	margin: 0 25px 10px 0;
	padding:5px 5px 0 0;
	color: #333333;
	width: 310px;
	height: 120px;
	font-size:.9em;
}

.module_article_block_lien_url {
	padding: 0 0 10px 0;
	color: #333333;
	line-height:1.2em;
}

.module_article_summary {
  	color:#000;
	font-weight:normal;
	padding:10px;
}
.module_article_summary h3 {
	margin:0;
	padding:0;
	color:#000;
	font-weight:normal;
}


#module_list_article_block a {
    text-decoration: none;
}

.module_article_name {
    font-weight: bold;
    text-transform: none;
    color: #000;
}
.module_article_name a {
    color: #000;
    text-decoration: none;

}
.module_article_block_list_info .module_article_name a {
	padding-right:25px;
	background:url('fleche_noire.gif') no-repeat right 2px;
}

.module_article_block_list_info_image .module_article_name, .module_article_block_list_info_image .module_article_name a {
	color:#5A91CC;
}
.module_article_name a:hover {
    color: #555;
    text-decoration: underline;
}
.module_article_description {
    color: #000;
}


/*ANCESTRY LINK*/
.ancestryLink {
    font-size: .85em;
    color: #000;
    text-decoration: none;
	
}

/*IMAGE, ICON STYLE*/
.small_image {
	padding-right: 10px; 
	float: left;
	width:auto;
	height:12px;
	
}

.medium_image {
	padding-right: 10px; 
	float: left;
	width:auto;
	height:70px;
}

.large_image {
	padding-right: 10px; 
	float: left;
	width:auto;
	height:180px;
}

ul.fleche li {
	list-style:none;
	background:url(../../../fleche_orange.gif) no-repeat 0 4px;
	padding-left:20px;
}

ul.rond li {
	list-style:none;
	background:url(../../../bg_liste_liens.gif) no-repeat top left;
	padding-left:20px;
}



/*MY HOME STYLE*/

.screenlet {
	margin-bottom: 10px; 
	width: auto; 
	height: auto
}
.screenlet-header {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 3px;
	width: 149px;
	padding-top: 1px;
	BORDER-bottom: #49af40 3px solid;
	height: auto !important;
	background-color: #0088ce
}
.screenlet-body {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	height: auto! important;
	background-color: #49af40
}

.boxhead {
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	text-transform: uppercase;
	color: #ffffff;
	LINE-height: 15px;
	FONT-FAMILY:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	text-decoration: none
}


.tabletext {
	font-size: .85em; 
	color: #333333;
}
.tabletext a {
	
	color: #333333;
}
.tableheadtext {
	font-weight: bold; font-size: 10px; color: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
}
A.buttontext {
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	background: white;
	padding-bottom: 1px;
	margin: 2px 1px;
	color: #0088ce;
	padding-top: 1px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none
}

.lineselected {
    background:#BBBBBB; 
    border:1px dashed black;
}
.blockhidden {
	display : none;
}
.blockshowed {
	display : inline-block; 
}


---MY HOME CALENDAR STYPE
.calendarempty {
	vertical-align: top; 
	background: #FFFFFF; 
	padding: 4px;
}
.calendarentry {
	vertical-align: top; 
	background: #EEF3FB; 
	padding: 4px; 
}
.monthcalendarentry {
	vertical-align: top; 
	background: #EEF3FB; 
	padding: 4px; 
	border-top: solid 1px #B6C7E5; 
}
.calendar {
	background: #1E3C66;
}
.bg {
	background: #FFFFFF;
}

.monthweekheader {
	padding: 4px;
	background: #AFC8D4;
}

.monthweeknumber {
	font-weight: bold;
	color: #1E3C66;
}

A.monthweeknumber {
    font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #1E3C66;
	text-decoration: none;
}

A.monthweeknumber:hover, visited, selected {
    font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-decoration: underline;
}

.monthdaynumber {
	font-family: Tahoma, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-left: 1px;
	padding-bottom: 3px;
}

A.monthdaynumber {
	color: #000000;
	text-decoration: none;
}

A.monthdaynumber:hover, visited, selected {
	color: #000000;
	text-decoration: underline;
}

A.previousnext{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

A.previousnext:hover {
	color: #000000;
	text-decoration: underline;
}

.monthdayheader {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background: #1E3C66;
	padding: 4px;
}

.monthheadertable {
	border-left: solid 1px #1E3C66;
	border-right: solid 1px #1E3C66;
	padding: 4px;
	background: #AFC8D4;
}

.monthheadertext {
	font-family: Tahoma, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #1E3C66;
}
.previousnextmiddle {
	color: #7D90B1;
}