/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {
  font-size:100%;
  line-height:.875em;
  background:url(img/bg.png) repeat-x;
}
h1, h2, h3, h4 {
  color:#908d8d;
}
html, input, textarea	{
  color:#222;
  font-family: Arial, Helvetica, sans-serif;
}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }


a{color:#4ab0c2; text-decoration:underline} 
a:hover{text-decoration:none}
.link{color:#4c6053; font-weight:bold; background:url(images/marker1.gif) top left no-repeat; background-position:0 5px; padding-left:19px;} 

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(img/spot.gif) 4px 4px no-repeat;margin:0; padding-left:19px; }
#content ul li a{color:#4ab0c2; text-decoration: underline; line-height:1.66em} 
#content ul li a:hover{ text-decoration:none} 
#content .ul{margin:0; padding:0; list-style:none;}
#content .ul li{background:#deeee3; padding-left:16px; padding-bottom:3px; line-height:2.25em; margin-bottom:3px }
#content .ul li a{color:#908d8d; text-transform:uppercase; text-decoration:none;  background:url(images/marker3.gif) top left no-repeat; background-position:0 3px; margin:0; padding-left:18px} 
#content .ul li a:hover {text-decoration:underline; }

#content .ul1{margin:0; padding:0; list-style:none;}
#content .ul1 li{background:#deeee3; padding-left:16px; padding-bottom:3px; line-height:2em; margin-bottom:2px }
#content .ul1 li a{color:#908d8d; text-transform:uppercase; text-decoration:none;  background:url(images/marker3.gif) top left no-repeat; background-position:0 3px; margin:0; padding-left:18px} 
#content .ul1 li a:hover { text-decoration:underline; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ background:url(images/link_bg-1.gif) left top repeat-x;}
.link-1:hover em{ background:url(images/link_left-1.gif) no-repeat left top;}
.link-1:hover  b { background:url(images/link_right-1.gif) no-repeat right top; }


/*header*/
#header {font-size:1.125em; color:#FFFFFF }
#header .logo {
  margin:2px;
}
#header .indent{
  padding:0px 0px 0px 0px;
}
#header .indent-col2{padding:8px 0 8px 15px;}
#lang {
  margin:0;
  height:40px;
  padding:4px;
  font-size:14px;
  background:#b7caa5;
  border-bottom:1px solid #ccc;
}
#lang img {
  margin-bottom:5px;
  border:1px solid #fff;
}
#lang ul {
  margin:4px;
  text-align:center;
  list-style-type:none;
}
#lang ul li {
  text-align:center;
  display:inline-block;
  margin:0px 20px;
}
#lang ul li a {
  color:#000;
  font-size:14px;
  text-decoration:none;
}
#lang ul li a:hover {color:#fff;}

#header .container {background:#e7ebcb;}
#header .container .col-1 img {
  border-left:2px solid #fff;
  border-right:2px solid #fff;
}

ul#menu {
  margin:0;
  padding:0;
  list-style:none;
}
ul#menu li {
  margin:0;
  padding-left:40px;
  border-top:1px solid #fff;
  border-bottom:1px solid #ccc;
}
ul#menu li a {
  color:#6a6a4f;
  text-decoration:none;
  padding:0;
  line-height:2em;
  font-family:Verdana, Verdana, Geneva, sans-serif;
}
ul#menu li.on a,
ul#menu li a:hover,
ul#menu li.on-last a {
  color:#000;
  text-decoration:none;
}
ul#menu li.last,
ul#menu li.on-last {
    border-bottom:none;
}

dd.csc-textpic-caption {
  font-size:11px;
  line-height:11px;
  font-style:italic;
}

/*content*/
.border {border:1px solid red;
}
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-col3{padding:7px 10px 7px 7px}
#content .indent-col4{padding:0 0 15px 10px}
#content .indent-col5{padding:0 0 0 25px}
#content .indent-col6{padding:0 15px 20px 30px}
#content .title{  margin-bottom:28px; background:#e9eae9; padding:7px 18px 10px 13px}
#content .title-1 {margin-bottom:18px; background:#e9eae9; padding:7px 18px 10px 13px}
#content .title1 {
  background:url(images/tail.gif) repeat-x bottom;
  padding-bottom:10px;
  margin-bottom:7px;
}
#header .col-2 {
  background:#e7ebcb;
}
#content .col-2 {
  float:right;
  height:100%;
}
#content .col-2 .box {
  height:164px;
}
#content .col-2 .droite {
  height:100%;
  padding:10px;
  margin-top:10px;
}
#page2 #content .col-2 .box,
#page2 #content .col-2 .droite {
  margin-left:5px;
}
#content .title2{ background:url(images/tai2.gif) repeat-x bottom; padding-bottom:85px; margin-bottom:9px; margin-top:10px; display:block}
#content .img-left{
  float:left;
  margin:0 10px 0px 0;
  border:1px solid #444;
}
#content .img-left1{ float:left; margin:0 10px 10px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 7px 0}
#page8 #content p{ margin:0 0 15px 0}
#content .p{ margin:0 0 17px 0}
#content h4{color:#628882; font-size:1.33em; margin-bottom:3px; font-family:Verdana, Geneva, sans-serif;  }

#content h1 {
  line-height:22px;
  margin:0px 0px 5px 0px;
}
#content h2 {
  font-size:1em;
  font-weight:normal;
  background:url(images/marker2.gif) right 8px no-repeat;
  margin:10px 33px 10px 0;
  padding-bottom:10px;
}
#content h2 a {
  color:#7ca49e;
  font-size:3.33em;
  font-family:Arial Black, Gadget, sans-serif;
  line-height:1.1em;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:-2px;
} 
#content h2 a:hover {
  text-decoration:none;
  color:#a9b9ae
}
#content h3 {
  font-size:1.5em;
  margin:0px 0px 6px 0px;
}
#content .banner{
  padding:0px 0px 9px 0px;
  background:url(images/bg_banner.gif) repeat-x bottom;
}
#content .tail{ background:url(images/tail1.gif) repeat-x bottom; padding-bottom:3px; margin-bottom:7px}
#content h5{color:#4c6053; font-size:1em; }

#content .indent{padding:2px 0 0 0}

/*box*/
.box{ border:1px solid #cbdbd0}
.box .indent-box{ padding:7px 7px 7px 7px; }
#page2 .col-1 .box .indent-box{ padding:15px;}
/*box1*/
.box1{ border:1px solid #c1d2c7; background:#cbdbd0}
.box1 .indent-box{ padding:17px 7px 7px 7px; }
#content .box1 h2{color:#fff; float:right; font-weight:normal; font-size:3.33em; font-family:Arial Black, Gadget, sans-serif; line-height:.75em; text-transform:uppercase; padding-bottom:10px; background:none; text-align:right; margin:0; display:block  }
/*box2*/
.box2{ background:#e9eae9; width:100%;}
.box2 .border-top {background:url(images/border_top.gif) repeat-x top;}
.box2 .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box2 .border-left {background:url(images/border_left.gif) repeat-y left;}
.box2 .border-right {background:url(images/border_right.gif) repeat-y right;}
.box2 .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box2 .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box2 .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box2 .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box2 .indent-box{ padding:15px 20px 20px 15px; }
/*box3*/
.box3{ background:#deeee3; text-transform:uppercase; color:#908d8d}
.box3 .indent-box{ padding:13px 7px 3px 13px; }



/*footer*/
#footer {
  color:#908d8d;
  font-size:0.75em;
  border-top:1px solid #cbdbd0;
  margin-top:10px;
  padding-top:10px;
}
#footer .indent-footer{ padding:26px 30px 0 16px;}
#footer a {color:#908d8d; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

#footer .copyright {
  float:right;
  text-align:right;
  padding:0px 4px 0px 10px;
  border-left:1px solid #bbb;
}
#footer .mnu {
  float:left;
}
#footer .mnu span.on a {color:#27a;} 

.h{ height:31px}
.block-contact span{ float:right; margin-right:20px}
.input{
	border-left:1px solid #748f5b; 
   	border-top:1px solid #748f5b; 
   	border-right:1px solid #ffffff; 
   	border-bottom:1px solid #ffffff; 
	background:#FFFFFF;
	width:223px; height:20px;
	color:#908d8d;
	font-size:12px;
	padding-left:15px;
	padding-top:4px
}
input{
	border-left:1px solid #303030; 
   	border-top:1px solid #303030; 
   	border-right:1px solid #cecece; 
   	border-bottom:1px solid #cecece; 
	background:#deeee3;
	width:276px; height:20px;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-left:5px;
}
textarea{
	border-left:1px solid #303030; 
   	border-top:1px solid #303030; 
   	border-right:1px solid #cecece; 
   	border-bottom:1px solid #cecece; 
	background:#deeee3;
	width:276px; height:110px;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-left:5px;
	margin-bottom:9px;
	overflow:auto}

/***************************************************** [RTE TYPO3] *****************************************************/
p.align-left {text-align:left;}
p.align-center {text-align:center;}
p.align-right {text-align:right;}
p.align-justify {text-align:justify;}
p.csc-frame-frame2 {
  background:#f5ffaa;
  border:1px solid #000;
  font-size:12px;
  padding:5px;
}
dd.csc-textpic-caption {font-size:11px;}
/***************************************************** [BOUTON] *****************************************************/
.bouton,input.bouton,
.bouton:hover,input.bouton:hover,
.bouton:active,input.bouton:active {
  margin:0px 8px 10px 0px;
  width:283px;
}
.bouton,input.bouton {
  background-color:#69c;
  background-position:bottom;
  background-repeat:repeat-x;
  border-color:#369;
  border-style:solid;
  border-width:1px;
  color:#fff;
  cursor:pointer;
  text-align:center;
}
.bouton:hover,input.bouton:hover {
  background-color:#f90;
  background-position:bottom;
  background-repeat:repeat-x;
  border:1px solid #c60;
  color:#fff;
}
.bouton:active,input.bouton:active {
  background-color:#9cf;
  background-position:bottom;
  background-repeat:repeat-x;
  border:1px solid #9cb4ce;
  color:#fff;
}
/***************************************************** [CLEARFIX] *****************************************************/
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */