/* Start of CMSMS style sheet 'layout_setup.css' */
.tableHeaderLarge{
   margin-left: 10px;
   width: 450px; 
   border: 1px solid black; 
   position: relative;
   float: left;
}

.tableHeader{
   margin-left: 10px;
   width: 220px; 
   border: 1px solid black; 
   position: relative;
   float: left;
}

.tableHeader ul{
  list-style-type:none;
}

.tableHeader ul li{
  font-size:11px; 
  color:#000;
  text-decoration:none;
  margin-left:5px; 
  line-height: 18px;
}

.tableHeader ul li .date{
  font-size:9px; 
  color:#7c7c7c;
  text-decoration:none;
}

.tableHeader a{
  font-size:11px; 
  color:#000;
  text-decoration:none;
  margin-left:5px; 
  line-height: 18px;

}

.tableHeader a:hover{
  font-size:11px;
  color:#7c7c7c;
  text-decoration:underline; 
}


.titreTableHeader{
  background: url(images/button_header.png) center repeat-x;
  height: 21px;
  font-size:12px; 
  text-decoration:none; 
  text-align:center;   
  line-height:21px;  
  overflow:hidden;
}

.titreTableHeaderImportant{
  background: url(images/button_header.png) center repeat-x;
  height: 25px;
  font-size:12px; 
  text-decoration:none; 
  text-align:center;   
  line-height:25px;  
  overflow:hidden;
  vertical-align: top;
}

.cellTableHeader{
  align: top;
  background-color: #dcdde1;
}

.menu {width:945px; height:21px; position:relative; z-index:100; font-family:arial, sans-serif; padding-left: 50px; padding-top: 5px;}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:946px; w\idth:945px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:144px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:144px; position:relative; margin-right: 5px}

/* style the links for the top level */
.menu a, .menu a:visited {
  display:block; 
  font-size:12px; 
  text-decoration:none; 
  color:#000; 
  width:144px; 
  height:21px; 
  background: url(images/button_menu.png);
  text-align:center;   
  line-height:21px;  
  overflow:hidden;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:144px; w\idth:144px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:0; width:144px;}

/* another hack for IE5.5 */
* html .menu ul ul {top:21px;t\op:21px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
color:#000; 
background: #dcdde1;
height:21px; 

border-left: 1px solid black;
border-right: 1px solid black;
width:142px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:142px;w\idth:142px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
  background: url(images/button_menu_hover.png) center repeat-x;
}

.menu :hover > a, .menu ul ul :hover > a {
   url(images/button_menu_hover.png) center repeat-x;
}

.menu ul ul a:hover{
  color: #7c7c7c;
  background:#d9efb9;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/************/
/*  GLOBAL  */
/************/

*{padding:0; margin:0}

body {
   font-size:62.5%; 
   background-color:#dcdde1; 
   font-family:verdana,arial,sans-serif;
} 

img{
  border:solid 0px rgb(150,150,150); 
  vertical-align: bottom;
}

.page-container {
   width:1000px; 
   margin:0px auto; 
   margin-top:10px; 
   margin-bottom:10px; 
   border:solid 1px rgb(150,150,150); 
   font-size:1.0em;
   background-color:#f3f5f4; 
}

.main {
clear:both; 
width:950px; 
padding-top:70px;
background-color:#f3f5f4; 

}

.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:250px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}


.main-content {
display:inline; /*Fix IE floating margin bug*/; 
float:left; 
width:700px; 
margin:0; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;
text-align: justify;
}

.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}


.footer {
clear:both; 
width:1000px; 
padding:1.0em 0 1.0em 0; 

background:rgb(225,225,225) url(images/bg_foot.jpg) no-repeat; 
font-size:1.0em; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;

}

/* --- For alternative headers START PASTE here --- */


/* HEADER */
.header {width:1000px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:1000px; height:80px; background:rgb(240,240,240) url(images/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {
width:1000px; height:168px; 
background:rgb(230,230,230) url(images/bg_head_middle.jpg); 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;
}

.header-bottom {
    width:1000px; 
    height:80px; 
}

.headerGallery {
    width:100%; 
    height:250px; 
    margin-left: 20px;
    position:relative;
}
.header-breadcrumbs {clear:both; width:1000px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(images/bg_head_breadcrumbs.jpg) repeat-y;}

/********************/


/*  HEADER SECTION  */

/********************/
.sitelogo {width:80px; height:53px; position:absolute; z-index:1; margin:18px 0 0 8px; background:url(images/Logo_Rafale_Transparent.png); }
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important/*Non-IE6*/; margin-left:553px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}

.nav1 {width:350px; position:absolute; z-index:3; margin:45px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125) ; text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}


.sitemessage {width:400px; height:120px; position:absolute; z-index:1; margin:20px 0 0 480px; color:rgb(234,239,247); /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:400px; text-align:right; font-size:230%;}


/* MAIN NAVIGATION */
.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; margin:0 0 0 190px; background:url(images/bg_corner_topright.gif) no-repeat;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}


/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-border-green {
width:183px; 
margin:0 0 2.5em 0; 
padding:0 0 10px 0; 
border:solid 1px rgb(160,214,81); 
background-color:rgb(217,239,185);
}

.round-border-topleft {
width:10px; 
height:10px; 
position:absolute; 
z-index:100; 
background:url(images/bg_corner_topleft.gif) no-repeat; 
margin-top:-1px; 


margin-left:-1px;
}

.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(images/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(images/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(images/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}



.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

.m4{
width:322px;

}

.title-comments{
display:inline /*Fix IE floating margin bug*/; 
float:left; 
width:450px; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;



}

.title-comments h1.first {
clear:both; 
margin:0px; 
padding:4px 20px 3px 10px; 
background-color:rgb(200,200,200); 

font-family:"trebuchet ms",arial,sans-serif; 

color:rgb(255,255,255); 
font-weight:bold; 
 text-align:left;

 font-size:130%;
}

.commentaireEntete{
     margin:0px; 
     padding:0px 20px 0px 10px; 
     background-color:rgb(200,200,200); 
     color:rgb(255,255,255); 
}

.commentAuteur{
     margin:0px; 
     padding:0px;
     float:left;
     font-weight:bold; 
     font-size:100%;
}

.commentDate{
     float:right; 
     font-size:90%;
}

.commentData{
    padding-left:15px;
    text-align:left;
}

.tableComments{
    width:450px; 
    border-left:1px solid rgb(200,200,200); 
    border-right:1px solid rgb(200,200,200); 
    border-bottom: solid 1px rgb(200,200,200); 
    text-decoration:none; 
    color:rgb(70,122,167); 
    font-weight:bold;
    text-align:left;
}

.commentaire{
    width:450px; 
    border: solid 1px rgb(200,200,200); 
}

.NewsSummaryAuthor{
text-align:right;
}

.row1{
    cursor: default;
}

.row2{
    background-color: #eeeef0;
    cursor: default;
}


.row1hover{
    background-color: #e1e1e1; 
    cursor: default;  
}

.row2hover{
    background-color: #e1e1e1;
    cursor: default;
}

/* End of 'layout_setup.css' */

/* Start of CMSMS style sheet 'layout_text.css' */
/** CALENDAR **/
.calendar{
   border:solid 1px rgb(160,214,81); 
   background-color:rgb(217,239,185);
   font-family:"trebuchet ms",verdana,arial,sans-serif; 
}

.enTeteCalendar{
background-color:rgb(160,214,81); 
font-weight: bold;
color:rgb(255, 255, 255);
}

.calendar-today
{
  font-weight: bold;
  font-size: 120%;
  text-decoration:underline;
}

/* make all links red */
.calendar tr td a
{
  color: red;
}

#cal-upcominglist .calendar-date-title, #cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2, #cal-upcominglist .calendar-date, #cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}

#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}


.calendar th
{
  padding: 3px;
  width: 75px;
}

#calendar ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#calendar li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}

* MAIN NAVIGATION */
.nav3-grid {
width:199px; 
border-bottom:solid 1px rgb(200,200,200);
}

.nav3-grid dt a, .nav3-grid dt a:visited {
display:block; 
min-height:2.0em /*Non-IE6*/; 
height:auto !important; 
height:2.0em /*IE6*/; 
line-height:2.0em; 
padding:0px 10px 0px 20px; 
border-top: solid 1px rgb(200,200,200); 
text-decoration:none; 
color:rgb(70,122,167); 
font-weight:bold; font-size:120%;
}

.nav3-grid dd a, .nav3-grid dd a:visited {
display:block; 
min-height:1.7em /*Non-IE6*/; 
height:auto !important; 
height:1.7em /*IE6*/; 
line-height:1.7em; 
padding:0px 10px 0px 40px; 
border:none; 
font-weight:normal; 
text-decoration:none; 
color:rgb(70,122,167); 
font-size:120%;
}

.nav3-grid dt a:hover, .nav3-grid dd a:hover {
background-color:rgb(225,225,225); 
color:rgb(42,90,138); 
text-decoration:none;
}

.nav3-bullet {
width:170px; 
margin:10px 0 0 20px;
}

.nav3-bullet dt a, .nav3-bullet dt a:visited {
line-height:2.0em; 
padding:0 0 0 10px; 
background:url(../images/bg_bullet_full_1.gif) no-repeat 0px 50%; 
text-decoration:none; 
color:rgb(70,122,167); 
font-weight:bold; font-size:120%;
}

.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../images/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(../images/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-bullet dd a:hover {background:url(../images/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}

.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 10px; background-color:rgb(160,214,81); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:0px; padding:4px 20px 3px 20px; background:rgb(160,214,81); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}

.main-navigation ul {
list-style:none; 
margin:0.5em 10px 1.0em 20px;
}

.main-navigation ul li {
margin:5px 0 0.2em 2px; 
padding:0px 0px 0 11px; 
background:url(../images/bg_bullet_full_1.gif) no-repeat 0 0.4em; 
line-height:1.2em; 
font-size:110%;
}

.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* MAIN CONTENT */
.main-content{
font-family:"trebuchet ms",arial,sans-serif; 
color:rgb(0,0,0);
font-size:12px;
}

.main-content h1.pagetitle {
margin:0 0 0.4em 0; 
padding:0 0 2px 0;
border-bottom:solid 7px rgb(225,225,225); 
font-family:"trebuchet ms",arial,sans-serif; 
color:rgb(100,100,100); 
font-weight:bold; 
font-size:220%;
}

.main-content em.pagetitle {
font-family:"trebuchet ms",arial,sans-serif; 
color:rgb(100,100,100); 
font-weight:italic; 
font-size:100%;
}

.main-content fieldset {
	border:2px solid #A0D651;
	background-image: url("../img/bg-fieldset.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	margin:5px 5px 10px 0;
	}

.main-content legend {
       font-weight: bold;
       color:rgb(160,214,81);
}

.main-content h1.block {
clear:both; 
margin:1.0em 0 0em 0; 
padding:2px 0 2px 2px; 
background:rgb(190,190,190); 
font-family:"trebuchet ms",arial,sans-serif; 
color:rgb(255,255,255); 
font-weight:bold; 
font-size:220%;
}

.main-content h1 {
clear:both; 
margin:1.0em 0 0.5em 0; 
font-family:"trebuchet ms",arial,sans-serif; 
color:rgb(80,80,80); 
font-weight:normal; f
ont-size:210%;
}

.main-subcontent h1.green {
clear:both; 
margin:0 0 5px 0; 
padding:4px 10px 3px 10px; 
background-color:rgb(160,214,81); 
font-family:"trebuchet ms",verdana,arial,sans-serif; 
color:rgb(255,255,255); 
font-weight:bold; 
font-size:140%;
}

.main-content ul {
list-style:disc; 
margin:0.5em 0 1.0em 0;
}

.main-content ul li {
margin:0 0 0.2em 2px; 
padding:0 0 0 12px; 
line-height:1.4em; 
font-size:100%;
list-style-position:inside;
}

.main-content ul li a, .main-content p a, .main-content a, .main-subcontent a  {
color:rgb(0,0,0);
text-decoration:underline;
}


.main-content ul li a:hover, .main-content p a:hover, .main-content a:hover, .main-subcontent a:hover {
color:rgb(0,0,0);
text-decoration:none;
}

.main-content ol {
margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; 
margin:0.5em 0 1.0em 25px /*IE6
}

.main-content ol li {
list-style-position:outside; 
margin:0 0 0.2em 0; 
line-height:1.4em; 
font-size:120%;
}


/********************/
/*  COMMON CLASSES  */
/********************/
.main img {
clear:both; 
float:left; 
margin:3px 10px 7px 0; 
padding:1px; 
border:0px solid rgb(150,150,150);
}

.main img.center {
clear:both; 
float:none; 
display:block; 
margin:0 auto; 
padding:1px; 
border:1px solid rgb(150,150,150);
}

.main img.right {
clear:both; 
float:right; 
margin:3px 0 7px 10px; 
padding:1px; 
border:1px solid rgb(150,150,150);
}

	/* Image Gallery - Small Thumbnail Images */
	.thumb {
		margin: 1em 1em 1.6em 0; /* Space between images */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
		width: 100px; /* Image width*/
		height: 100px; /* Image height*/
		display: inline;
		padding: 12px; /* Image padding to form photo frame */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /*Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none;
	}

	.thumb a:visited img {
		background-color: #eee; /*Background of photo on hover - sort of a light grey */
	}

	.thumb a:hover img {
		background-color: #dae6e4; /*Background of photo on hover - sort of light blue/green */
	}

	.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
		width: 124px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	/* Image Gallery - Big Images */
	.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	.bigPic img{ /* Big Image settings */
		width: 350px; /* Width of Big Image */
			height: auto;
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: left;
	}

	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
	}
/* End of 'layout_text.css' */