body {
  text-align: center;
 

  margin-top:10px;
  margin-bottom:10px;
}

A:link {
	COLOR: #0066FF; text-decoration: none;
	font-size : 13px;
	
}
A:visited {
	COLOR: #0066FF; text-decoration: none;
	font-size : 13px;
	
}
A:active {
	COLOR: #0066FF; text-decoration: none;
	font-size : 13px;
	
}
A:hover {
	COLOR: #000099; text-decoration: underline;
	font-size : 13px;
	
}
#left_side lien A:link {
	COLOR: #0066FF; text-decoration: none;
	font-size : 17px;
}
#left_side lien A:visited {
	COLOR: #0066FF; text-decoration: none;
	font-size : 17px;
}
#left_side lien A:active {
	COLOR: #0066FF; text-decoration: none;
	font-size : 17px;
}
#left_side lien A:hover {
	COLOR: #000099; text-decoration: underline;
	font-size : 17px;
}

#left_side A:link {
	COLOR: #0066FF; text-decoration: none;
        font-size : 16px;
}
#left_side A:visited {
	COLOR: #0066FF; text-decoration: none;
	font-size : 16px;
}
#left_side A:active {
	COLOR: #0066FF; text-decoration: none;
	font-size : 16px;
}
#left_side A:hover {
	COLOR: #000099; text-decoration: underline;
	font-size : 16px;
}
#page_footer A:link {
	COLOR: #993399; text-decoration: none;
}
#page_footer A:visited {
	COLOR: #993399; text-decoration: none;
}
#page_footer A:active {
	COLOR: #993399; text-decoration: none;
}
#page_footer A:hover {
	COLOR: #FFFF33; text-decoration: underline;
}



#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 760px;
  text-align: left;
 background: url('../img/bgcrete2.jpg')  top center  repeat;
  border: 1px solid #018843;
}

/* Container for the article box, and the pic box */
.articleboxouter {
    width: auto;
    padding: 0px 6px 0px 5px;
    clear: both;
} 

/* Content holder for the articles */
.articleboxinner {
    width: auto;
    line-height: 20px;
    color: #646464;
    padding: 15px 6px 0px 6px;
    background: #fbfbfb;
    border:1px solid #efefef;
    text-align: justify;
    height: auto;
}
#page_header {
  height: 120px;
  background: #9ACD34 url('../img/headercrete2.jpg') top right no-repeat;
  clear: both;
}

#page_header h1 {
  margin: 0px;
  padding-top:30px;
  padding-left:25px;
  font-family: verdana, arial, sans-serif;
  font-size:32px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #0066FF;
}

#page_header h2 {
  margin: 0px;
  padding-left:25px;
  font-family: verdana, arial, sans-serif;
  font-size:13px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #0066FF;
}

#menu_bar {
  height:28px;
  background: #00FF99 url('../img/drop_shadow.gif') top left repeat-x;
  clear: both;
}

#menu_bar ul {
  margin-top: 0px;
  padding-left: 0px;
  margin-left: 0px;
  background: #00FF99 url('../img/bleu4.gif') top left repeat-x;
  color: #FFFFFF;
  float: left;
  width: 100%;
  font-family: verdana, arial, sans-serif;
  font-size:14px;
  font-weight: bold;
}

#menu_bar ul li { display: inline; }

#menu_bar ul li a
{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:15px;
  padding-right:15px;
  background: #00FF99 url('../img/bleu4.gif') top left repeat-x;
  color: #FFFFFF;
  text-decoration: none;
  float: left;
  border-right: 1px solid #fff;
}

#menu_bar ul li a:hover
{
  background: #00FF99 url('../img/bleu3.jpg') top left repeat-x;
  color: #FFFFFF;
}

#content_wrapper {
  margin-top:10px;
  margin-bottom:0px;
  margin-left:15px;
  margin-right:15px;
  clear:both;
}

#right_side {
  margin-top:5px;
  float: right;
  width:160px;
  border:0px dashed #00FF33;
}

#right_side h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: 'Georgia';
  font-size: 14px;
  color: #FFFFFF;
  padding:4px;
  border: 1px solid #AAE5A4;
  background:  url('../img/bleu4.gif') top left repeat-x;
}

#right_side p {
  margin-top:0px;
  margin-bottom:15px;
  font-family: Monotype Corsiva, sans-serif;
  font-size: 22px;
  color: #666666;
  line-height: 16px;
  padding-left:4px;
}

#left_side {
  float: left;
  width:540px;
  
  color: #666666;
  font-size: 17px;
  border:0px dashed #cccccc;
   font-family: 'Script MT Bold'; 
}

#left_side h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 25px;
  color: #0066FF;
  
  padding:4px;
  border-bottom: 1px solid #018843;
  clear:both;
}

#left_side h4 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 17px;
  font-style: italic;
  color: #000099;
  padding:4px;
  clear:both;
  text-decoration: underline; 
}
#left_side h5 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: 'Times New Roman', Times serif;
  font-size: 14px;
  font-style: italic;
  color: #6699FF;
  padding:4px;
  clear:both;
  text-decoration: underline; 
}


#left_side p {
  margin-top:0px;
  margin-bottom:15px;
  font-family: 'Georgia'; 
  font-size: 18px;
  color: #242424;
  line-height: 18px;
  padding-left:4px;
}

#left_side lien {
  font-size:3px;
  font-family: Times New Roman, Times, serif;

}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}


#feature_box {
  float: center;
  width:400px;
  background-color: #FFFFCC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
}

#feature_box h4 {
  padding-left:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #33FF33;
}

#feature_box p {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
  margin-bottom:5px;
}




#page_footer {
  height: 40px;
  background-color: #000099;
  background:  url('../img/bleu4.gif');
  clear: both;
}

#page_footer p {
  padding-top:0px;
  text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #000099;
  letter-spacing:1px;
}

#spacer {
  height:20px;
  clear:both;
}

.arrow_list { 
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
} 

.arrow_list li { 
  padding-left: 10px;
  background-image: url(../img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  font-family: 'Georgia';
  font-size: 11px;
  line-height:18px;
}

.arrow_list1 { 
  margin-left: 20px;
  padding-left: 0;
  list-style: none;
}

.arrow_list1 li { 
  padding-left: 10px;
  background-image: url(../img/point.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  font-family: 'Georgia';
  font-size: 11px;
  line-height:18px;
}

#feature_box_1 {
  float:right;
  width:160px;
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:5px;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:-8px;
}

#feature_box_1 h4 {
  padding-left:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #779E28;
}

#feature_box_1 p {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
  margin-bottom:5px;
}

#menug {
  text-align:justify;
  float:center;
  width:350px;
  height:69px;
  font-family: 'Georgia';
  font-size: 8px;
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
}
#menuF {
  text-align:center;
  padding-top:0px;
  font-family: 'Georgia';
  font-size: 11px;
  color: #993399;
  letter-spacing:1px;
}
#feature_box_cartes {
  text-align:justify;
  float:center;
  width:430px;
  height:100px;
  font-family: Monotype Corsiva, sans-serif;
  font-size: 19px;
  background-color: #FFFFCC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
}

#feature_box_cartes2 {
  text-align:justify;
  float:center;
  width:430px;
  height:80px;
  font-family: Monotype Corsiva, sans-serif;
  font-size: 19px;
  background-color: #FFFFCC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
}

#feature_box_cartes3 {
  text-align:justify;
  float:center;
  width:430px;
  height:69px;
  font-family: Monotype Corsiva, sans-serif;
  font-size: 19px;
  background-color: #FFFFCC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
}

#feature_box_cartes4 {
  text-align:justify;
  float:center;
  width:430px;
  height:153px;
  font-family: Monotype Corsiva, sans-serif;
  font-size: 19px;
  background-color: #FFFFCC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
}


#feature_box_2 {
  float:leftt;
  width:155px;
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:5px;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:-8px;
}

#feature_box_2 h4 {
  padding-left:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #779E28;
}

#feature_box_2 p {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
  margin-bottom:5px;
}



#center_side {
  float: center;
  width:720px;
  
  color: #666666;
  font-size: 18px;
  border:0px dashed #cccccc;
  font-family: Monotype Corsiva, sans-serif; 
}

#center_side h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 25px;
  color: #33FF33;
  
  padding:4px;
  border-bottom: 1px solid #018843;
  clear:both;
}

#page_wrapper1 {
  margin-left: auto; 
  margin-right: auto;
  width: 820px;
  text-align: left;
  background: #FFFFFF url('../img/bleu4.gif') top right repeat-y;
  border: 1px solid #018843;
}

#page_header1 {
  height: 120px;
  background: #9ACD34 url('../img/bleu4.gif') top right no-repeat;
  clear: both;
}


#page_header1 h1 {
  margin: 0px;
  padding-top:30px;
  padding-left:25px;
  font-family: verdana, arial, sans-serif;
  font-size:32px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #FFFFFF;
}

#page_header1 h2 {
  margin: 0px;
  padding-left:25px;
  font-family: verdana, arial, sans-serif;
  font-size:13px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #FFFFFF;
}


.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
	
    
}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;  
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	background:#FFFFFF;
	padding:0px;
	-moz-border-radius:6px;
	color:#618cbe;
	height:130px;
	
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px;
	padding:0px;
	font:0px verdana,arial,sans-serif;
	color:#FFFFFF;
	
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}



/* End of CSS Tabs */


div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 530px; 
	height: auto;
	overflow: hidden;
	border:0px solid #cccccc;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:500px;
		height:auto;
		background-color: #FFFFCC;
		opacity : 0.6;
		overflow: hidden; 
		float:left;
		padding:1em;
		}
	div.scroller div.content {
		width: 10000px;
		}
	#pays a:active{
		color:#5EB6DD;
	}
	#pays a:link {
	COLOR: #5EB6DD;
}
	#pays a:hover{
		color:#5EB6DD;
	}
	#pays a:visited{
	COLOR: #5EB6DD;
}