@charset "UTF-8";
/* CSS Site Trianor */

a img {border: none; } /* to remove blue border around images in IE */ 
 
body, p, th, td, li, dd, dt { font: 0.9em helvetica, arial, lucida sans unicode, lucida grande, geneva, verdana, sans-serif; }

.blue {color:#115c9d;}
.white {color:#FFF;}
.gris {color:#A0AFAE;}
.offwhite {color:#EBEFEF;}
.gristexte {color:#6B7272;}
.vertpale {color:#005782;} 

.alignright {text-align:right;}

.invisibleheader {
	text-align:left;
	font-size:36px;
	text-indent:100px;
}

p.contact { font-size: 1.2em; 
			font-weight: 500; }
			
p.standout { font-size:0.9em;
			 font-weight:100;
			 color:#FFF;
			 line-height:140%;
			 letter-spacing:.13em;}
			 
.leading {line-height:160%;
		  letter-spacing:.08em;}

p.bold { font-size: 0.75em; font-weight: 600; }

p.leftmargin { font-size: 0.8em; margin-left: 40px; margin-bottom: 25px; }  /* Left margin on text for clients page */

p.bold-top-margin { font-size: 0.75em; font-weight: 600; margin-top: 80px; }  /* Top margin and bold on text for clients page */

.small { font-size: 0.7em; margin:0px; padding: 0px;}

.smallfront { font-size: 0.7em; color: #ffffff; margin:0px; padding: 0px;}

.big { font-size: 1.3em; font-weight: 600; }

.pfooter { font-size: 0.7em; margin:6px 16px 0px 32px; padding: 0px; color:#6B7272;}
.h1footer { font-size: 0.8em; font-weight:600; margin:8px 16px 0px 32px; padding: 0px; color: #6B7272;}

.center { text-align: center; }

.menuaccent { color:#005782; font-weight: 600;}

/* Transparent div for adding url to banner */
#transparent {position:absolute;
             z-index:15000;
			 width:960px;
			 height:300px;
			 background:none;
			 border:0px solid #ccc;}


h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, lucida sans unicode, lucida grande, geneva, verdana, sans-serif; }

h1 { font-size: 1.6em;
	 font-weight: 400;
     color: #005782;
	 padding-top: 0px; 
	 margin-top:10px;
	 margin-bottom:4px; }
h2 { font-size: 1.3em; 
	 font-weight: 600;
	 color:#000; }
h3 { font-size: 1em ; 
	 line-height:100%;
	 letter-spacing:.13em;
	  }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em;}
h6 { font-size: 0.8em; }

.letterspacingsmall { letter-spacing:.05em}

.h2margin { margin-top:16px;
margin-bottom:10px; }

.nomargin { margin-top:0px;
              margin-bottom:0px; 
			  padding-top:0px;
			  padding-bottom:0px;
			  padding-left:0px;
			  padding-right:0px;}

h1.large { font-size: 1.8em;
	 	font-weight: 400;
		 padding-top: 0px; 
		 margin-top:0px;
		 margin-bottom:4px; }

h4.caracteristiques {
	padding-top:7px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size: 0.9em;
	font-weight:400;
	font-style:normal;
	color:#005782;}

.menugauche {
font-size: 1.077em; /* 1.2em */
font-weight: 500;
line-height:160%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration:none;
border:none;
vertical-align:middle;
color: #A0AFAE; } 


a.clickhere:link {
color: #000000; 
text-decoration:none;
border:none;
vertical-align:middle; } 
		
a.clickhere:visited {
color: #000000; 
text-decoration:none;
border:none;	
vertical-align:middle; } 
		
a.clickhere:hover {
color: #ffffff; 
text-decoration:none;
border:none;
vertical-align:middle; } 
		
a.clickhere:active {
color:#005782;
text-decoration:none;
border:none;
vertical-align:middle; } 

a.clickhere:focus {
outline-style:none;
border:none; }




a.directions:link {
color: #115c9d;
font-size:1.2em;
font-weight:500; 
text-decoration:none;
border:none;
vertical-align:middle; } 
		
a.directions:visited {
color: #115c9d; 
font-size:1.2em;
font-weight:500; 
text-decoration:none;
border:none;	
vertical-align:middle; } 
		
a.directions:hover {
color: #ccc; 
font-size:1.2em;
font-weight:500; 
text-decoration:none;
border:none;
vertical-align:middle; } 
		
a.directions:active {
color:#115c9d;
font-size:1.2em;
font-weight:500; 
text-decoration:none;
border:none;
vertical-align:middle; } 

a.directions:focus {
outline-style:none;
border:none; }



/* liens invisibles */

a.invisible:link {
color: #000000; 
text-decoration:none;
border:none;
vertical-align:middle; } 
		
a.invisible:visited {
color: #000000; 
text-decoration:none;
border:none;	
vertical-align:middle; } 
		
a.invisible:hover {
color: #000000; 
text-decoration:none;
border:none;
vertical-align:middle; } 
		
a.invisible:active {
color:#000000;
text-decoration:none;
border:none;
vertical-align:middle; } 

a.invisible:focus {
outline-style:none;
border:none; }




body {
	width:auto;
	height:auto;
	margin-top: 0px;
	background-color: #98999a;
/*	background-image: url('images/Cloud.jpg'); repeat;*/
}

#wrapper {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
    margin-bottom: auto;
	}

#textbox {
    width: 960px;
    height: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
    margin-bottom: 0px;
	padding:0px 0px 0px 0px;
	background-color:#115c9d; /*blue*/
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
	}
	
		
 #language {
	width: 874px;
    height: 20px;
	float:left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
    margin-bottom: 0px;
	color:#ffffff; 
	padding: 5px 0px 0px 0px;
	background-color:#ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
	}
	
 #languageright {
	width: 86px;
    height: 25px;
	float:left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
    margin-bottom: 0px;
	color:#ffffff; 
	padding: 0px 0px 0px 0px;
	background-color:#ffffff;
	}	
	

#header {
	width: 810px;
    height: 55px;
	float:left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
    margin-bottom: 0px;
	color:#ffffff; /*#6B7272;*/
	padding:0px 0px 0px 0px;
    background-position: center;
	background-image:url(../images/logo_ang.jpg); 
    background-repeat: no-repeat;
    background-attachment: scroll;
	}
	
#headerright {
	width: 150px;
    height: 40px;
	float:left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
    margin-bottom: 0px;
	color:#000000; /*#6B7272;*/
	text-align:left;
	padding:15px 0px 0px 0px;
    background-position: center;
	background-color: #ffffff;	
    background-repeat: no-repeat;
    background-attachment: scroll;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#menu {
	width: 755px;
	height: 30px;
	float:left;
  	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 6px 0px 0px 15px;
	color:#115c9d;
	background-color: #ffffff;
	background-position:left;
	background-repeat: no-repeat;
	font-size:1.1em;
	text-align:left;
	}

#menuright {
	width: 190px;
	height: 36px;
	float:left;
  	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	color:#000000;
	background-color: #ffffff;
	background-position:left;
	background-repeat: no-repeat;
	font-size:.9em;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
.footer {
	float:left;
	width: 960px;
	height: 300px;
  	margin-right: 0pc;
	margin-left: 0pc;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#d7e47c;
	background-color: #d7e47c;
	}	



/* jquery tabs start */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 25px; /*--Set height of tabs--*/
	border-bottom: 1px solid #d7e47c; /* #999 DDE3E2 */
	border-left: 1px solid #115c9d; /* #999 */
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 24px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 24px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #115c9d;  /* #999 */
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #ecfa8a; /* #B5B6B6; colour for off tabs */
}
ul.tabs li a {
	text-decoration: none;
	color: #115c9d; /*colour of text in tabs*/
	display: block;
	font-size: 1.1em;
	font-weight:600;
	padding: 0 17px;
	border: 1px solid #B5B6B6; /*--GREEN Gives the bevel look with a 1px white border inside the list item (colour behind "on" tab)--*/
	outline: none;
}

ul.tabs li a:hover {
	background: #d7e47c;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #d7e47c; /* GREEN color of "on" tab */
	border-bottom: 1px solid #d7e47c; /*-- GREEN Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 0px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 960px; height: 700px;
	background-color:#d7e47c;
	background: url(../images/Index_bckgndB.jpg) left top;
}
.tab_content {
	padding: 15px 160px 0px 160px;
	font-size: 1.1em;

}



/* jquery tabs end */

/*Grey gap between elements*/
.onecolumngap {
	float:left; 
	width: 960px;
	min-height:3px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	background-color:#115c9d;
	}