/*
Client: Ip-Advice
Design Studio: Obox Design http://www.enoxone.ch/
Version: 3.0
Auteur: Enoxone
Site d'auteur: http://www.enoxone.ch/
Vous pouvez faire un tour, mais ne jugez pas;)
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/

/*---------*/
/*- RESET -*/
/*---------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*---------*/
/*- FONTS -*/
/*---------*/
/*@font-face {
font-family: Droid-Sans;
src: url("../font/Droid-Sans.eot");
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: Droid-Sans;
src: url("../font/Droid-Sans.ttf");
font-weight: normal;
font-style: normal;

}*/

@font-face {
  font-family: 'Droid-Sans';
  src: url('../font/Droid-Sans.eot');
  src: local('☺'), url('../font/Droid-Sans.ttf') format('opentype');
}
@font-face {
  font-family: 'Droid-Sans-Bold';
  src: url('../font/Droid-Sans-Bold.eot');
  src: local('☺'), url('../font/Droid-Sans-Bold.ttf') format('opentype');
}
/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; color: #595959; font-size: 12px; background: #FFF;font-family: Verdana, Geneva, sans-serif;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 0px; padding: 0px 0px 5px;}

h1{font-size: 14px; line-height: 24px; color: #FFFFFF; margin: 0px; font-style:italic; font-family: Droid-Sans-Bold, "Lucida Sans Unicode", "Lucida Grande", sans-serif;text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);}
h2{ background:url(../images/puce.jpg) no-repeat left ; padding:0 0 0 10px;font-size: 18px; line-height: 24px; color: #d2d7dd; margin: 0px; font-family: "Droid-Sans-Bold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);font-weight: bolder;}
h3{font-size: 20px; line-height: 18px; color: #81b6e8; margin: 0px; font-family: "Droid-Sans-Bold","Lucida Sans Unicode", "Lucida Grande", sans-serif;text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);font-weight: bolder;}
h4{font-size: 12px; line-height: 18px; color: #577ea3; margin: 0px; font-family: "Droid-Sans-Bold","Lucida Sans Unicode", "Lucida Grande", sans-serif;text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);font-weight: bolder;}
h5{font-size: 12px; line-height: 15px;}
h6{font-size: 10px; line-height: 13px;}

p{line-height: 21px; margin-bottom: 12px; color: #595959;}
blockquote, blockquote p{}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a{color: #0f467c; text-decoration: none;}
a:hover{color: #000;}
a:active{color: #333;text-decoration: none;}

#footer a{color: #0f467c; text-decoration:underline;}
#footer a:hover{color: #000;}
#footer a:active{color: #333; text-decoration:underline;}

.holder1 a{color: #81b6e8; text-decoration: none;}
.holder1 a:hover{color: #FFF;}
.holder1 a:active{color: #dde3e8;text-decoration: none;}
	
/*--- Layouts ---*/
.clearboth	{clear: both;}
.clearboth1	{clear: both; margin-bottom:30px;}
.floatleft	{float: left;}
.floatright	{float: right;}
.floatright	{float:right;}
.no_display	{display: none;}
.no-padding	{padding: 0px !important;}

.alignleft	{float: left; margin: 0px 20px 10px 0px;}
.alignright	{float: right; margin: 0px 0px 10px 20px;}
.aligncenter{text-align: center;}

.t-left		{text-align: left;}
.t-right	{text-align: right;}
.t-center	{text-align: center;}

strong{font-weight: bold;}
em{font-style: italic;}
pre{display: block; padding: 10px; margin: 0px 0px 10px; background: #fff; white-space: normal; line-height: 22px; font-family: "Courier New", Courier, monospace;
					-moz-border-radius: 5px; -webkit-border-radius: 5px;
					-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);
					-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{background: #FFF ; width:970px; margin:0 auto;}
#header-container{ border-bottom: 10px solid #dde3e8;}
	#header{width: 970px; margin: auto;  z-index:4; height:140px;}
	#footer{width: 340px; float:right; padding-right:10px;}
	#footer p{ font-size:12px;font-family: "Droid-Sans","Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left:10px;}

#footer-copyright{}



/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{float: left; margin-top: 20px;}
		.logo h1{ margin: 0px; padding: 0px;}
		.flag{margin-top: 20px; float:right; height:20px; width:66px;}
		/*.flag{position: relative;top:0; left:890px;width:80px; height:20px; background-color:#000;}*/

	/*-----------------s---------*/
	/*- LANGUAGES --------------*/

	ul.languages { width:80px;}
	ul.languages li {list-style: none; float: left; margin-left: 4px; height: 18px; width: 18px;}
	ul.languages li a {display: block; background: url(../images/flag.jpg) no-repeat; height: 18px; width: 18px; overflow: hidden; text-indent: -99999px;}
	
	ul.languages li a.fr {background-position: left top;}
	ul.languages li a.fr:hover {background-position: left -18px;}
	ul.languages li a.fr-active {background-position: left -18px;}
	
	ul.languages li a.en {background-position: -18px top;}
	ul.languages li a.en:hover {background-position: -18px -18px;}
	ul.languages li a.en-active {background-position: -18px -18px;}

	ul.languages li a.al {background-position: -36px top;}
	ul.languages li a.al:hover {background-position: -36px -18px;}
	ul.languages li a.al-active {background-position: -36px -18px;}
	
	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#menu{
		font-family:"Droid-Sans","Lucida Sans Unicode", "Lucida Grande", sans-serif;
		float: right;
		margin-top:20px;
}
	ul#menu li.parent-item{float: left; position: relative;margin-left:10px;}
		ul#menu li.parent-item a.parent-link{display: block; padding: 5px; color: #000000; font-size: 12px;}
		ul#menu li.parent-item a.parent-link:hover{ color: #007bc0;}
		ul#menu li.parent-item a.active{ border-bottom: 1px solid #007bc0; color: #007bc0;}
		ul#menu li.parent-item p{}
		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul.sub-menu{
			display: none;
			width: 130px;
			position: absolute;
			background:#86a2bd;
			border: 1px solid #0f467c;
			-moz-border-radius-bottomleft: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-webkit-border-bottom-right-radius: 3px;
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.70);
			-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.70);
			background-attachment:scroll;
			/*background-color:transparent;
			background-image:url("../images/back_ground_submenu.png");*/
			background-position: 5px 0;
			background-repeat:no-repeat;
			margin:2px 0 0 0;
			
			}
			ul.sub-menu li{
				border-bottom: 1px dotted #FFF;
				}
				ul.sub-menu li a{
					display: block; 
					color: #FFF; 
					padding: 8px;
					}
					ul.sub-menu li a:hover{
						color: #FFF;
						padding: 8px;
			            background: #0f467c /*rgba(15, 70, 124, 0.90)*/;
						}
			ul.sub-menu li:last-child{border: none;}
		ul#menu li.parent-item:last-child ul.sub-menu{}




#content{
	
	}

div#wn1 li{
	color:#fff;
	padding-left:25px;
	line-height:normal;
}

div#wn1, div#wn2 { 
	position:relative; 
	width:530px; height:248px; 
	overflow:hidden;	
	}
div#wn3	{ 
	position:relative; 
	width:300px; height:200px; 
	overflow:hidden;	
	}
    
/* needed when dw_scrollObj.printEnabled = true */
div#lyr1, div#lyr2, div#lyr3 {
    position:absolute;
	width:520px;
	
    }
div#title{
	padding-bottom:5px;
	margin:26px 10px 10px 50px;
	width:510px;
	border-bottom:1px solid #4d759d;
} 
/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
    position:relative;
    width:11px; height:200px; 
    /* font-size:1px;  img display block is the solution, but people remove it then ask for help! */
    }
div#track { 
    position:absolute; left:0; top:12px;
    width:11px; height:176px;
    background: #336;
    }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:9px; height:20px;
    background-color:#ceced6;
    }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

div.scroll_controls, div#extra_controls, div#scrollbar { 
    display:block; /* display:none initially , to hide from incapable */
    } 

div#scrollbar img {
    display:block; /* so no gap or misplacement due to image vertical alignment */
    } 
    
/* for safari, to prevent selection problem for clutzy draggers */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

div.holder1 {
	background-color:#0f467c;
    float:left;
    width:620px;
    height:360px;
    margin:2em 0 0.5em 0;
    }
    
div#wn1 { 
    margin:10px 10px 10px 50px;
    }

div.scroll_controls {
    float:right;
    position:relative;
    margin-top:60px;
	margin-right:10px;
    width:18px; height:260px;   
    }
    
/* position arrows */
div.scroll_controls .up {
    position:absolute;
    left:0; top:0px;
    }
div.scroll_controls .dn {
    position:absolute;
    left:0; bottom:0;
    }
    
img { border:none; } /* image maps */
    
div.holder3 {
    clear:left;
    float:left;
    width:520px;
    height:214px;
    margin:1em 0 2em 0;
    border:1px dotted #999;
    }
div#scrollbar {
    float:right;
    margin-top:6px;
    }
div#extra_controls {
    float:right;
    width:190px;
    }
    
div#extra_controls ul {
    margin:6px 0; padding:0; list-style:none;
    }
div#extra_controls ul li {
    margin:0 0 .5em 12px; 
    }
    
div#extra_controls ul li a:link, div#extra_controls ul li a:visited {
    color:#0F2F8D;
    }
    
div#extra_controls ul li a:hover {
    text-decoration:underline;
    }

/* over-ride styles in layout.css */    
div#wn1 h3{
    margin:0 4px .3em 0;
    border:none;
    }
    
div#wn1 p{
	color:#FFF;
    text-align:justify;
    padding-right:4px;
    margin:.3em 0 .6em;
    line-height:1.6em;
    font-size:1.1em;
    }
div#wn1 ul li{
	color:#FFF;
    text-align:justify;
    padding-right:4px;
    margin:.3em 0 .6em;
    line-height:1.6em;
    font-size:0.9em;
    }

div#text h2.clearer {
    clear:both;
    }    

.holder-midle{
	float:left;
	width:100px;
	height:360px;
    margin:2em 0 0 0;
	background:#dde3e8;
}
.holder-midle li{
	font-family:"Droid-Sans-Bold","Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background:url(../images/bg-menu.jpg) no-repeat top center;
	width:82px;
	height:33px;
	margin:30px auto;
	text-align:center;
	line-height:26px;
	color:#fff;
	
}
.holder-midle li a{
	color:#FFF;
	text-decoration:none;
}
.holder-midle li a:hover{
	color:#95b5d5;
}
.holder-midle li a:active{
	color:#95b5d5;
	text-decoration:none;
}

.holder-right{
	float: right;
	width:250px;
	height:350px;
    margin:2em 0 0 0;
	border-bottom: 10px solid #dde3e8;
}
.holder-right-1{
	float: right;
	width:250px;
	height:360px;
    margin:2em 0 0 0;
}
#contact-area{
	float:left;
	margin:0 0 0 10px;
	width:330px;
}
#contact-area p {
color:#595959;
line-height:14px;
margin-bottom:10px;
}
#contact-area input.submit-button {
	width: 100px;
	float: right;
}
#contact-area input, #contact-area textarea {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	border: 2px solid #95b5d5;
}

#contact-area textarea {
	height: 60px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

label {
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	padding-bottom:5px;
	font-size: 1em;
	color:#FFF;
}

.contact{
	float:right;
	margin:0 20px 0 10px;
	width:180px;
}
.contact p{
	color:#FFF;
    text-align:left;
    padding-right:4px;
    margin:.3em 0 .6em;
    line-height:1.2;
    font-size:1em;
}












/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}