@charset "utf-8";
body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:black;
		min-width:600px;    	/* Minimum width of layout - remove line if not required */
		font-family : "Trebuchet MS", "Lucida Grande", Lucida,Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif ;
		font-size:75%;
		text-align:center;
	}
	p {text-align: justify;}
	a {
		color:#ffffff;
		text-decoration:none;
		width:100%;
	}
.footer a{
color:#0a4461;
		text-decoration:none;
}
	a:hover {
		color:#04dbf7;
		text-decoration:none;
	}
	h1{
		font-size:140%;
		text-align:left;
		color:white;
		text-decoration:none;		
	}
		.h1 {
	background:url(images/bg_h.png) repeat;
	padding-bottom:0.6em;
	}
	h2{
		font-size:125%;
		text-align:left;
		color:#FF6600;
		text-decoration:none;
		
	}
	h3 {
	text-align:left;
	color:#FF6600;
	font-size:125%;
	}
	
	h4 a{
	text-align:left;
	color:#FF6600;
	}
	
	h4 {
	text-align:left;
	color:#FF6600;
	} 
	.h2 {
	background:url(images/bg_h.png) repeat;
	padding-bottom:0.6em;
	}
	
	#link{
	 color:#FF6600;
	}
	.link a{
	 color:#FF6600;
	}
	.link a:hover{
	 color:#04dbf7;
	}
	
	.lien{
	 color:#FF6600;
	 width:100%;
	}
	.lien a{
	 color:#FF6600;
	}
	.lien a:hover{
	 color:#04dbf7;
	}
	
	.lien2{
	 color:#04dbf7;
	 width:100%;
	}
	.lien2 a{
	 color:#04dbf7;
	}
	.lien2 a:hover{
	 color:#D25400;
	}
	p {
		margin:.4em 1em .4em 0;
		padding-left:.1em;
	}
	img.alignright {
padding: 4px;
margin: 0 0 0.5em 1em;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
	
	.alignright {
	float: right;
	}
	.alignleft {
	float: left;
	}
	
	.gauche { float:left; padding-left:2em; }
	.gauche a {
		color:#FF6600;
	}
	.gauche a:hover {
		color:#04dbf7;
	}
	.search { }
	.droite { float:right; padding-right:2em;}
	.droite a {
		color:#FF6600;
	}
	.droite a:hover {
		color:#04dbf7;
	}
	.centre {text-align:center;}
	
	.gauche2 { float:left;  }
	.droite2 { float:right; }

	/*images {
		margin:10px 0 5px;
	}*/
	
	/* Style search*/
	#search{ 
	text-align:center;
	
	}
	#search a {
		color:#FF6600;
		text-decoration:none;
	}
	#search a:hover {
		color:#04dbf7;
		text-decoration:none;
	}
	
	
	#searchform {
		padding-right:.1em;
		margin:0;
		color:#1a384e;
		padding-top:.5em;	
	}
	
	#searchsubmit{
	 padding-top:0.5em; 
	}
	
	#s { 
	border: none;
	width:200px; height:24px;
	 background:url(images/search_field.png) no-repeat;
	 text-align:center;
	 margin:auto;
	 margin:0;
	 color:#3C3C3C;
	 padding-top:0.6em;
	}
	
	#page{ 
		   width:960px;
		   margin:auto;
		   text-align:center; 
		   
	}
	
	.suite {
	float:right;
	margin-right:1em;
	width:80px;
	height:19px;
	background:url(images/suite.png);
	color:#FF6600;
	font-size:80%;
	
	text-align:left;
	} 
	.suite a{
	color:#FF6600;
	}
	
	.suite a:hover{
	color:#04dbf7;
	}
	/* Header styles */
	#mainheader{
	background:url(images/bg_mainheader.png) repeat;
	text-align:center;
	width:100%;
	}
	#header {
		text-align:center;
		width:100%;
		height:100%;
		margin:auto;
		background:url(images/bg_header.png);
	}

	#search {
			clear:both;
		width:100%;
		height:100%;
		background:url(images/bg_search.png) no-repeat;
	}
	
	
	/* column container */
	.colmask {
	
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		width:100%;			 /*width of whole page */
		
		overflow:hidden;		/* This chops off any overhanging divs 
		margin-left:20.75em;*/
		background: #132731 url(images/bg_content.png) repeat;
		text-align:center;
		margin:auto;
		color:white;
		padding-top:.5em;
		
	}
	.colmask img {
	padding: 0 0.5em 0.5em 0;
	border:none;
	
	}
	
	
		/*.colmask img {
	background:#FFFFCC;
	margin: 0 0 0 0;
	
	} */
	
	.colmask p {
	 text-align:justify;
	padding-left:.1em;
	padding-bottom:1em;
	}
	
	.colmask h2 a {
	text-decoration:none;
	color:#ffffff;
	}
	
	.colmask h2 a:hover {
	 color:#04dbf7;
		text-decoration:none;
	}
	
	.postmetadata a {
	text-decoration:none;
	color:#368686;

}
	.postmetadata a:hover {
	text-decoration:none;
	color:#FF6600;

}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
		
		
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		overflow:hidden;
		/*background: pink;*/
		
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
	padding-top:0.5em;
		/*background:lightblue;		 right column background colour */
	}
	.rightmenu .col2 {
		width:22%;			/* right column content width (right column width minus left and right padding) */
		left:25%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) 
		background:pink;*/
	}
	
	.rightmenu .colleft {
		right:24%;			/* right column width */
		/*background:red;		 left column background colour */
	}
	.rightmenu .col1 {
		width:78%;			/* left column content width (left column width minus left and right padding) */
		left:25%;			/* (right column width) plus (left column left padding) 
		background: yellow;*/
	}
	/* Footer styles */
	#footer {
		clear:both;
		width:100%;
		height:69px;
		border-top:1px solid #000;
		background:url(images/bg_footer.png) no-repeat;
		text-align:center;
		margin:auto;
	}
	#footer p {
		padding:2em;
		margin:0;
	}
	
	


.arrowlistmenu{
width: 100%; /*width of accordion menu*/
text-align:left;
/*background:yellow;*/

}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: #FF6600;
background: #0E1C26 url(images/titlebar.png) repeat-x center left;
margin-bottom: 0.5em; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: .9em 0 .8em 0.1em; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
 text-align:center;

}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(images/titlebar-active.png);
color: #274E6B;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2em; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
padding-right: 5px;

}

.arrowlistmenu ul li a{
color: #02bdd5;	  
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 1.7em; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #274E6B;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #FF6600;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FF6600;
background-color: #F3F3F3;
}

.applemenu{
width: 100%; /*width of accordion menu*/
text-align:left;
}

.applemenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2em; /*bottom spacing between each UL and rest of content*/
}
.applemenu ul li a{
color: #02bdd5;	  
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 2em; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #274E6B;
font-size: 90%;
}
.applemenu ul li a:hover{ /*hover state CSS*/
color: #FF6600;
background-color: #F3F3F3;
}
.applemenu div.silverheader a{
background: #0E1C26 url(images/titlebar.png) repeat-x center left;
font: bold 14px "Trebuchet MS",Tahoma, "Lucida Grande",  Helvetica, sans-serif;
color: #FF6600;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
text-transform: uppercase;
padding: 1em 0 1em 4em; /*header text is indented 10px*/
text-decoration: none;
margin-bottom: 1em; /*bottom spacing between header and rest of content*/
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a { 
background-image: url(images/titlebar-active.png);
color: #274E6B;

}
.applemenu div.silverheader a:hover{
color: #FF6600;
background-color: #F3F3F3;

}


.applemenu ul li.submenu a{
color: #02bdd5;	  
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 2em; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #274E6B;
font-size: 90%;
}

#slide {
position:relative; 
width:100%; 
height:300px; 
overflow:hidden; 
margin:0;
margin:auto;
text-align:left;
}

.slide_contenu {
position:absolute; 
top:0;
padding: 0.5em 2em 0.5em 0.5em;
}

#slide_bar {
 
height:300px; 
 
right:0;
left:5em;

}