/****************************/
/***** Global Settings *****/
/****************************/

* {
	padding:0;
	margin:0;
    }

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;
	border-collapse:separate;
	border-spacing:0px;
	outline: 0;
}




/* ************************************************** */
/* ******************* Basis ************************ */
/* ************************************************** */

body {
	font: 80%/1.6em Arial, Helvetica, sans-serif;
	background: url(../images/bg_site.gif) repeat;
	color: #555555;
}

/* ******************* LINK ************************ */

a

  {
	text-decoration:none;
	color: #555555;
}

a:hover {
	text-decoration:none;
	color: #e9b026;
}

/* ***************** HEADINGS + Titles ******************** */

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
	padding:0px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #e9b026;
	margin-bottom: 10px;
}

h2 {
	padding:0px 0;
	color: #555555;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}

h3 {
	padding:0px 0;
	color: #e9b026;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
}
h4 {
	padding:0px 0;
	font:bold 10px Arial, Helvetica, sans-serif;
	color: #555555;
	margin-bottom: 5px;
}
h5 {
	padding:0px 0px 5px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #555555;
	margin-bottom: 10px;
	border-bottom:1px dotted #555555;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}


.note{
	color: #555555;
	font-size: 10px;
}

/* ******************* GLOBAL TAGS ************************ */
.hr {

	width: 100%;

	height: 1px;

	border-style: dashed none none;

	border-width: 1px 0 0;

	border-color: #ccc

}
p, ul, ol {
	margin:0;
	padding:0;
}

ul, ol {
	padding:0;
}

img {
	border:0;

}

.line{
	background: url(../images/dottedline.gif) repeat-x;
	height:3px;
	margin-bottom: 5px;
}


/* ******************* GLOBAL CLASSES ******************** */


.clear 			{ 
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;

 }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

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

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }
.uppercase{
	text-transform: uppercase;
}

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.pic {
	border-top: 1px solid #e8e6dc;
	border-right: 1px solid #d1cec0;
	border-bottom: 1px solid #d1cec0;
	border-left: 1px solid #e8e6dc;
}



.spacer {

	width: 1px;

	float: left;

	display: block;

	margin: 0px 14px 0px 15px;

	padding: 0px;

}
.space  { padding: 5px }

.space2 { padding: 10px }

.space3 { padding: 20px }






/* ************************************************** */	
/* ******************* FRAMEWORK ******************** */
/* ************************************************** */

#wrapper     {
	width: 980px;
	margin: 0px auto;
	position: relative;
	background: #FFFFFF;
	border-right: 1px solid #e8e6dc;
	border-bottom: 1px solid #e8e6dc;
	border-left: 1px solid #e8e6dc;
	padding: 10px;
	}

/* ************************************************** */
/* ******************* TOP ************************** */
/* ************************************************** */

#top{
	background: url(../images/bg_top.jpg);
	margin-bottom: 10px;
	height: 100px;
}

#logo  {
	height: 50px;
	width: 225px;
	top: 35px;
	left: 30px;
	float: left;
	margin-top: 25px;
	margin-right: 10px;
	margin-left: 15px;
}

#baseline{
	float: left;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 60px;
	
}



/* ************************************************** */
/* ******************* CONTENT *********************** */
/* ************************************************** */

#main   {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 980px;
}
.middlecontent{
	float: left;
	width: 460px;
	margin-right: 10px;
}
.rightcontent{
	float: left;
	width: 275px;
}


#content   {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 980px;
}


#contentzone ul{
	margin-left: 20px;
}

#contentzone ol{
	margin-left: 20px;
}

.dotarrow li{
	list-style: url(../images/icons/icon_arrow_dot.gif) none inside;
	margin: 0px 0px 5px;
	padding: 0px;
}

.contenthalf{
	float:left;
	width:340px;
}





/* ******************* YEllOWBAR ******************* */
.yellowbar{
	background: url(../images/bg_yellowbar.gif);
	padding: 10px;
	color: #FFFFFF;
	width:960px;
}

.yellowbar .headtitle{
	text-transform: uppercase;
}


#crumb{
	float: left;
	width: 520px;
	color: #FFF;
}

#crumb a{
	color: #FFF;
	text-decoration: none;
}

#crumb a:hover{
	color: #555555;
	text-decoration: none;
	}

#search{
	float: right;
	width: 200px;
	text-align: right;
}




/* ******************* PICS ************************ */

.picbox{
	float: left;
	width: 280px;
	margin-bottom: 5px;
	padding: 0px;
	margin-right: 20px;
}

.picbox2{
	width: 280px;
	margin-bottom: 5px;
	padding: 0px;	
}


.picbig{
	margin-bottom: 5px;
}

.picthumbs{}

.picth{
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
}


/* ************************************************** */
/* ******************* BOXEN ************************ */
/* ************************************************** */

.boxen{
	
	margin-bottom:0px;
	margin-top:10px;
	}

.box1{
	border:1px solid #E8E6DC;
	font-weight: bold;
	float:left;
	width:500px;
	margin-right:10px;
	background: #FAF9F2 url(../images/bg_world.jpg) no-repeat center center;
	/*height:350px;*/
	}

.box2{
	/*background: #fbfbfb;*/
	background: #fff;
	border:1px solid #E8E6DC;
	font-weight: bold;
	float:left;
	width:465px;
	height:350px;
	overflow:hidden;
	}


/* ******************* COUNTRY TABS *********************** */

div#container {
	margin: 20px auto 0;
}
ul.tabNav {
	float: left;
	list-style: none;
	width: 100%;
}
ul.tabNav li {
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	width: 100px;
	text-transform: uppercase;
}
ul.tabNav li.current { padding-top: 0; }
ul.tabNav a {
	background: #f2f0df url(../images/icons/icon_arrow_down.gif) no-repeat right;
	color: #555555;
	display: block;
	padding: 4px 4px 5px 15px;
	text-decoration: none;
	border-top: 1px solid #e8e6dc;
	border-right: 1px solid #e8e6dc;
	border-bottom: 1 solid #e8e6dc;
	border-left: 1px solid #e8e6dc;
}
ul.tabNav li.current a {
	background: #847c72 url(../images/icons/icon_arrow_down.gif) no-repeat right;
	border: none;
	padding: 4px 4px 5px 15px;
	color: #FFF;
}
div.tabContainer { clear: both; float: left; width: 100%; }
div.tabContainer div.tab {
	color: #555555;
	display: none;
	padding: 10px;
}
div.tabContainer div.current { display: block; }
div.tab p:last-child { margin-bottom: 0; }


/* ************************************************** */
/* ******************* BUTTONS *********************** */
/* ************************************************** */


/* ******************* seachbtn *********************** */
.searchbtn a{
	text-decoration: none;
}
.searchbtn a:hover{
	filter:alpha(opacity=30);
	opacity: 1.0;
	-moz-opacity:1.0;
	background:#FC0
}

.searchinput{
	width: 220px;
}

.searchinput2{
	width: 150px;
}


/* ******************* FAQbtn *********************** */

a.btn {
	background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
	color: #444;
	display: block;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	float: right;
}

a.btn span {
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.btn:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* ******************* BUTTONS *********************** */

.buttons a, .buttons button{
	display:block;
	float:left;
	margin:0 7px 0 0;
	background-color:#f9d782;
	border:1px solid #b5b5b5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	font-family: Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:24px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
	color:#555555;
}
.buttons a.positive:hover, button.positive:hover{
	background-color:#F2F0DF;
	border:1px solid #b5b5b5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	color:#555555;
}
.buttons a.positive:active{
	background-color:#F2F0DF;
	border:1px solid #999;
	color:#555555;
}

/* NEGATIVE */

button.positive, .buttons a.positive{
	color:#555555;
}
.buttons a.positive:hover, button.positive:hover{
	background-color:#F2F0DF;
	border:1px solid #b5b5b5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	color:#555555;
}
.buttons a.positive:active{
	background-color:#F2F0DF;
	border:1px solid #999;
	color:#555555;
}


/* ************************************************** */
/* ******************* FOOTER *********************** */
/* ************************************************** */

#footer{
	margin: 0;
	padding: 10px;
	background: #847c72;
	color: #FFFFFF;
	border: 1px solid #e8e6dc;
	font-size: 10px;
}


#footer a {
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover {
	text-decoration: none;
	color: #e9b026;
}

#footer .navactif{
	color: #e9b026;
	text-decoration: none;
}

#footer .navactif a {
	color: #e9b026;
	text-decoration: none;
}

#footer .navactif a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


/* ******************* FOOTERNAV ******************** */


#footernav ul {
	white-space: nowrap;
	list-style: none;
	margin: 0px;
	padding: 0px;
}



#footernav li {
	display: inline;
	list-style: none;
	color: #FFFFFF;
	padding-right: 7px;
	padding-left: 7px;
	margin: 0px;
	border-right: 1px solid #FFFFFF;
}




/* ******************************************** */
/* ******************* STUFF ****************** */
/* ******************************************** */





/* ******************* WESTSITE ****************** */

.westsite {
	text-align: right;
	float: right;
	margin: 0px;
	padding: 0px;
	}