/*
================================================================================
|                                    	GENERAL TAGS                           |
================================================================================
*/
body{padding:0;margin:0;background-color:#333333;font:13px/18px Arial, Helvetica, sans-serif;color:#5b5b5b}
a, a:hover{font:13px/18px Arial, Helvetica, sans-serif;color:#588b00;text-decoration:none}
a:hover{text-decoration:underline}
img {border:0px}
br {line-height:0px}

/*blocks position*/
.horiz_cols {float:left; text-align:justify}

.flash{height:343px}

/*
================================================================================
|                                    	 HEADER                                |
================================================================================
*/
.slogan{color:#ebebeb;font:13px/15px "Garamond";text-transform:uppercase}


#header
	{
		width:1000px;
		height:165px;
		background:url(images/banniere.jpg) left top no-repeat
	}
#menu
	{
		padding-top:116px;
	}
/*navigation menu*/
#nav_menu A, #nav_menu span{display:block;float:left;height:46px;width:147px;font:14px "Garamond";font-weight:bold;text-align:center;text-decoration:none; margin-right:1px}

#nav_menu A{color:#eff5f7}

#nav_menu span, #nav_menu A:hover
	{
		background:url(images/menu_on.png) left top no-repeat;
		color:#061a22;
	}
	
#nav_menu A:hover{ cursor:pointer}

/*
================================================================================
|                                     		CONTEINER                          |
================================================================================
*/
											/*all texts*/
.MainTitles1{color:#052535;font:22px "Garamond";text-transform:uppercase;font-weight:bold}
.MainTitles2{color:#6fa80a;font:22px "Garamond";text-transform:uppercase;font-weight:bold}
.text_bl{color:#376696}

.text1{font:13px/17px Arial, Helvetica, sans-serif;color:#5b5b5b; text-align:justify}

.text2{font:12px/17px Arial, Helvetica, sans-serif}
.text3{width:793px; text-align:justify}
.text4{width:289px; text-align:justify}


											/*all links*/
.rm, .rm:hover{color:#fff;text-decoration:none}
.rm:hover{text-decoration:underline}

.ban_text1{color:#bfea36;font:27px/29px "Myriad Pro";text-transform:uppercase}
.ban_text2{color:#b8e901;font:37px/39px "Myriad Pro Cond";text-transform:uppercase;font-weight:bold}

.ban_title1{color:#fff;font:20px/22px "Myriad Pro";text-transform:uppercase;font-weight:bold}
.ban_title2{color:#fff;font:20px/22px "Myriad Pro Light";text-transform:uppercase;font-weight:bold}
.ban_title3{color:#fff;font:17px/19px "Myriad Pro";text-transform:uppercase;font-weight:bold}

.ban_text{color:#4e7281;font:13px/13px Arial, Helvetica, sans-serif}


.Link_gr, .Link_gr:hover{color:#6fa80a;text-decoration:none}
.Link_gr:hover{text-decoration: underline}	

.Link_gr1, .Link_gr1:hover{color:#326ca7;text-decoration:none}
.Link_gr1:hover{text-decoration: underline}	

.Link_gr_b, .Link_gr_b:hover{color:#376696;font:12px/14px Arial, Helvetica, sans-serif;font-weight:bold}
										
/*
================================================================================
|                                     		CLASSES FOR ADDIT_PAGES            |
================================================================================
*/

                                           /*contact form*/

input {width:228px;height:26px; margin-bottom:1px; background:url(images/box_button_1.gif) left top no-repeat;padding-left:4px;padding-top:4px;}
textarea{width:485px; height:140px;overflow:auto; background:url(images/box_button_2.gif) left top no-repeat;padding-left:4px;padding-top:4px;}
input, textarea{border:0px none;font:12px/14px Arial, Helvetica, sans-serif;color:#5b5b5b}

.descr{font:12px/14px Arial, Helvetica, sans-serif;font-weight:normal}
.descr1{color:#376696;font:10px/12px Arial, Helvetica, sans-serif;font-weight:normal}

.clear{width:109px;height:29px;background:url(images/button_1.gif) left top no-repeat;border:0px none;margin-right:24px}
.send{width:109px;height:29px;background:url(images/button_2.gif) left top no-repeat;border:0px}

/*
================================================================================
|                                     	FOR IE         |
================================================================================
*/

/*contact form*/
										 
/*
================================================================================
|                                    		 FOOTER                            |
================================================================================
*/
ul,li,ol{
	list-style:none;
	margin:0;
	padding:0;
}


#footer-wrap{
	width:100%;
	height:235px;
	background:url(images/footer_bg.gif) repeat-x;
	margin:auto;
}
#footer-wrap div.footer{
	float:none;
	margin:0px auto;
	padding:17px 0 0 0;
	width:830px;
}

div.footer h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#fff;
	background:#212222;
	margin:0;
	padding:8px 0 8px 6px;
}

/* -- style for inner div's starting from pages -- */
div.footer div.pages{
	width:185px;
	float:left;
	padding:0;
	margin:0 29px 0 0px;
}
div.pages ul{
	width:170px;
	float:left;
	padding:6px 0 0 0;
	margin:0;
}
div.pages ul li{
	width:160px;
	float:none;
	background:url(images/small_arrow_foot.gif) 0 7px no-repeat;
	margin-left:6px;
	padding:2px 0 2px 2px;
	border-bottom:1px solid #3b3b3b;
}
div.pages ul li a{
	padding:2px 0 2px 5px;
	color:#909090;
}

/* -- stylin services div --- */
div.services{
	width:185px;
	float:left;
	margin:0 29px 0 0;
}
div.services ul{
	width:170px;
	float:left;
	padding:6px 0 0 0;
	margin:0;
}
div.services ul li{
	width:160px;
	float:none;
	background:url(images/small_arrow_foot.gif) 0 7px no-repeat;
	margin-left:6px;
	padding:2px 0 2px 2px;
	border-bottom:1px solid #3b3b3b;
}
div.services ul li a{
	padding:2px 0 2px 5px;
	color:#909090;
}

/* --- stylin miscellanious div --*/
div.various{
	width:185px;
	float:left;
	margin:0 29px 0 0;
}
div.various ul{
	width:170px;
	float:left;
	padding:6px 0 0 0;
	margin:0;
}
div.various ul li{
	width:160px;
	float:none;
	background:url(images/small_arrow_foot.gif) 0 7px no-repeat;
	margin-left:6px;
	padding:2px 0 2px 2px;
	border-bottom:1px solid #3b3b3b;
}
div.various ul li a{
	padding:2px 0 2px 5px;
	color:#909090;
}

/* --- stylin additional div --*/
div.additional{
	width:185px;
	float:left;
	margin:0 29px 0 0;
}
div.additional ul{
	width:170px;
	float:left;
	padding:6px 0 0 0;
	margin:0;
}
div.additional ul li{
	width:160px;
	float:none;
	background:url(images/small_arrow_foot.gif) 0 7px no-repeat;
	margin-left:6px;
	padding:2px 0 2px 2px;
	border-bottom:1px solid #3b3b3b;
}
div.additional ul li a{
	padding:2px 0 2px 5px;
	color:#909090;
}

/* -- stylin social bookmarking div -- */
div.socialbookmarking{
	width:185px;
	float:left;
}

div.socialbookmarking p{
	color:#909090;
	font-size:11px;
	padding-left:8px;
}
div.socialbookmarking div.bookmarkIcons{
	width:239px;
	float:left;
	padding:4px 0;
}
div.socialbookmarking div.bookmarkIcons img{
	float:left;
	margin-left:9px;
}
div.socialbookmarking p.rights{
	width:180px;
	float:left;
	font-size:10px;
}
div.socialbookmarking p.rights a{
	color:#fff;
}

/*
================================================================================
|                                    		 index                             |
================================================================================
*/


#haut
	{
		width:100%;
	}
#carre-gris
	{
		margin:10px auto;
		width:723px;
		height:559px;
		background:url(images/carre-gris.jpg) repeat;
	}
#fond-gris
	{
		margin:auto;
		width:484px;
		height:434px;
		background:url(images/fond-gris.png) no-repeat;
	}
#espace
	{
		height:40px;
	}
#gauche
	{
		margin: 40px 0 0 30px;
		float:left;
		width:145px;
		height:375px;
		background:url(images/ponthieu-gauche.jpg) no-repeat;
	}
#gauche-bas
	{
		margin-top:220px;
		width:145px;
		height:145px;
	}
#centre
	{
		margin: 40px 0 0 0;
		float:left;
		width:145px;
		height:375px;
		background:url(images/ponthieu-centre.jpg) no-repeat;
	}
#centre-bas
	{
		margin-top:230px;
		width:115px;
		height:115px;
	}
#droit
	{
		margin: 40px 0 0 0;
		float:left;
		width:145px;
		height:375px;
		background:url(images/ponthieu-droit.jpg) no-repeat;
	}
#droit-bas
	{
		margin-top:220px;
		width:140px;
		height:145px;
	}
#logo
	{
		margin:auto;
		width:150px;
		height:62px;
	}