/* @override http://www.macrabbit.com/cssedit/welcome/2.5/welcome.css */

body { 
	background-color: #FFFFFF;
	background: url(/_template/images/bkgd.gif) repeat-x;
	margin: 0px; 
	font-size: 0.625em; 
	color: #262626;	 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal; 
	font-family: Arial, Helvetica, sans-serif;
}


/*////////////////// IDz //////////////////////*/


		#CENTRAGE {z-index: 1; width: 907px; margin-right: auto; margin-left: auto;}
		
		/*/////////// HEADER/////////////////*/
		#HEADER{ width:655px; height:156px; position: absolute; top:0; }
		

		/*///////////// CHEMIN //////////////*/
		#CHEMIN{ width:430px;padding:10px 0 0 150px;position: absolute; top:145px; font-size:100%; height:20px;/*background: url(/_template/images/chemin.gif) no-repeat;*/}
		
		
		/*/////////   G L O B A L  /////////////////*/

		#hauteur3 { margin-top: 59px;  }
		#hauteur2 { overflow: hidden ;/*background-image: url(/_template/images/menu_fond2.gif) ; background-repeat:repeat-y;*/}
		
		#HAUTEUR { height:716px; /*background-image: url(/_template/images/menu_fond.gif) ; background-repeat:no-repeat;*/ }
		

		
		/*/////////// MENU/////////////////*/
		#MENU_POSITION { float:right;width:239px; }
		
		#MENU{ width:225px; margin-left:7px; background: #A0BBDF url(/_template/images/fond_menu.gif) no-repeat bottom right; margin-top:80px; position: absolute; z-index: 100;}
		
		/*///////////// CONTENU //////////////*/

		#CONTENU_POSITION{ float:left; position:relative; left:0px; top:80px;border-top: 1px solid #CCC; }
		
		#CONTENU{ width:580px;padding:30px 0 0 0;font-size:100%;}
		
		#APROPOS{ width:220px; height:140px; float:left; margin-bottom:10px; margin-right:10px; }
		
		#ACCROCHE{width:340px;height:140px; float:right; background-image: url(/_template/images/accroche.jpg) ; background-repeat:no-repeat;}
		
		#SERVICES{ width:580px; float:left; margin:0 0 10px 0;}
		
		#TRAVAUX{ width:340px; float:right; border: 1px solid #CCC;}
		
		#TITRE340 { width:322px; padding:0 0 2px 18px; margin-bottom:8px; background: url(/_template/images/titre340_fond.gif) no-repeat bottom;}

		#REALISATIONS { width:100%; float:left;}
		
		#REALISATIONS_IMG { width:135px; float:right; text-align: right; }
		
		#PLUG_IN { clear:both; width:100%; padding:20px 0 10px 0;}
		
		#FIN_CONTENU { clear:both; width:480px; margin-left:100px; height: 50px;background: url(/_template/images/striesvertes.gif) repeat-x center; }
		
		#LOGO { width:95px; height:95px; float:right;/* background: url(/_template/images/ombre_logo.gif) no-repeat top left;*/ padding: 5px 0 0 5px;}
		
		#LOGOARTICLE { width:50px; height:50px; float:right;/* background: url(/_template/images/ombre_logo.gif) no-repeat top left;*/ padding: 5px 0 0 5px; margin-bottom: 30px;}
		
		
		#FIN_CONTENU_SOMMAIRE { clear:both;width:100%;  height: 50px;background: url(/_template/images/striesvertes.gif) repeat-x center;}
		#LOGO_SOMMAIRE {margin-top: -50px; width:55px; height:45px; float:right;/* background: url(/_template/images/ombre_logo.gif) no-repeat top left;*/ padding: 5px 0 0 5px;}
		
		/*///////////// FOOTER //////////////*/
		#FOOTER{ padding:3px 0 0 5px;margin:25px 0; float:left; position: relative; left:0; width:895px; height:14px;/* background: url(/_template/images/pointillesfooter.gif) repeat-y center left;*/background-color:#EDF2F2; font-size:9px; border-top: 1px solid #BBB; margin-bottom: 100px;}
		
		#ARTICLE { width:480px; padding-left:100px;}

		#TITREARTICLE {width:462px; padding:0 0 2px 18px; margin-bottom:15px;background: url(/_template/images/titreARTICLE_fond.gif) no-repeat bottom left;}
		
		#LIENS { width: 225px; text-align: left; margin:50px 0 0 5px; }

/*/////////////////////// OUTILS TEXTEssss ///////////////////////////*/

		#OUTILSTEXTE { position:absolute; top: 220px; margin-left:590px; width:25px;
	text-align: center; z-index:10; border-right: 1px solid #CCC; border-top: 1px solid #CCC; padding: 7px;
		}


/*/////////////////////// PORTFOLIO ///////////////////////////*/

		/*#PORTFOLIO_VIGNETTES { position:absolute; top: 140px; margin-left:593px; width:80px;}
		#PORTFOLIO_HAUT {background: url(/_template/images/portfolio_haut.gif) no-repeat; width:80px; height:16px;}
		#PORTFOLIO { padding:0 0 0 4px; background: url(/_template/images/portfolio.gif) repeat-y; width:80px;}
		
		#PORTFOLIO_BAS {background: url(/_template/images/portfolio_bas.gif) no-repeat; width:80px; height:16px;}
		#PORTFOLIO a img { border:1px solid #999}
		#PORTFOLIO a:hover img { border:1px solid white}
*/
/*/////////////////////// SOUSMENU ///////////////////////////*/

		#SOUSMENU_CONTAINER {
			margin:0 20px 10px 0;
			float: left;
			width: 167px;
		}
		
		#DEBUT_SOUSMENU {
			/*background-image:url(/_template/images/sousmenu.gif);
			background-repeat:no-repeat;
			background-position:top left;*/
			width: 170px;
			height:19px;
			background-color: #d8d8d8;
}
		#SOUSMENU {
			border:1px solid #eaeaea;
			width: 167px;
		}
		#FIN_SOUSMENU {
			margin-top:-4px;
			
			/*background-image:url(/_template/images/sousmenufin.gif);
			background-repeat:no-repeat;
			background-position:top left;*/
			background-color: #eaeaea;
			width:170px;
			height:5px;
		}


		
/*/////////////////////// FIN IDz ///////////////////////////*/


/*////////////// Classes design ////////////////////////////////*/


		
		/*.SAVOIRPLUS{ float:right; height:12px; margin:5px 0; width:220px;background: url(/_template/images/savoirplus.gif) no-repeat right;}	
		*/
		a.SAVOIRPLUS:hover { float:right; cursor:pointer; height:12px; margin:5px 0; width:95px;background: url(/_template/images/savoirplus_roll.gif) no-repeat right;}
		
		a.SAVOIRPLUS {
			 float:right; height:12px; margin:5px 0; width:95px;background: url(/_template/images/savoirplus.gif) no-repeat right;
			 
		}
		
		.TITRE220 { width:202px; padding:0 0 2px 18px; margin-bottom:8px; background: url(/_template/images/titre220_fond.gif) no-repeat bottom;}
		
		.TITRE580 { width:562px; padding:0 0 2px 18px; margin-bottom:8px; background: url(/_template/images/titre580_fond.gif) no-repeat bottom;}
		
/*////////////// Classes Textes ////////////////////////////////*/

		
		a {text-decoration: none; color: #FF6600;}
		a:hover {text-decoration: none; color: #508daf;}
		a:active {font-style: inherit}
		a:visited {font-style: inherit}
		
		.Texte {
			font-size:110%;
		}
		.petitTexte {
			font-size:90%;
		}
		
		.Texteon, .Texteon a {
			font-size:107%;
			color:#a7a7a9;
		}
		
		#ARTICLE ul { margin-left:0px;margin-top:-10px;
			margin-left: 30px;
			list-style-image:url(/_template/images/puce/liste_sousmenu.gif);
			list-style-type: none;
		}
		#ARTICLE li, li.Texte, li.Texteon {
			padding:0px;
		}
		
		ul.menu_sommaire {
			padding:0; 
			margin:5px 0 0 15px; 
			list-style-image:url(/_template/images/puce/puce_menu.gif);
			font-size:100%;
			list-style-position:inside;
		}
		
		.apropos {
			font-size:130%;
			font-weight:bold;
			color:#7b8593;
		}
		
		.chapeau {
			padding:0;
			vertical-align:top;
			font-weight:bold;
			font-size:120%;
			color:#4d4d4d;
		}
		
		.sousmenu {
			padding:15px 5px 0 5px;
			text-align:left;
		}
		
		
		#REALISATIONS_IMG a img {
			border:1px solid #CCC;
		}
		#REALISATIONS_IMG a:hover img {
			border:1px solid orange;
		}
		.survol { display:none;}

		a:hover span.survol {
			display: block;
			cursor:hand;
			position: absolute;
			width:175px;
			top: auto;
			left: auto;
			margin-top:20px;
			margin-left:-10px;
			z-index: 100;
			padding:3px;
			text-decoration: none;
			color: #777;
			font-size: 10px;
			text-align: left; 
			background-color: #f2f2f2;
			border:1px solid #777;
			-moz-border-radius-topright: 4px;
			-moz-border-radius-bottomright: 4px;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-bottomleft: 4px;
			border-radius-topright: 4px;
			border-radius-bottomright: 4px;
			border-radius-topleft: 4px;
			border-radius-bottomleft: 4px;
		}
		
/*///////////// MENU ///////////////*/
 
		.menu_secteur{
			list-style:none; 
			background-color: #a0bbdf;
			padding:0; 
			margin:0; 
			/*background: url(/_template/images/menu_fondtitre.gif) no-repeat;*/
		}

		.menu_secteuron{ 
			list-style:none; 
			padding:0; 
			margin:0; 
		}

		#listmenu div.hacon {
			display:block;
			background-color: #939fb0;
			/*background: url(/_template/images/menu_fondtitre_roll.gif) no-repeat;*/
			border-bottom:1px solid #DDD;
			text-indent:10px;
			cursor:pointer;
		}

		
		ul.menu_rub1 {
			padding:0; 
			margin:0; 
			list-style-image:url(/_template/images/puce/url.gif);
			font-size:110%;
			border-left:1px solid #ffcc00;
			border-right:1px solid #ffcc00;
			background-color:#EEE;
			list-style-position:inside;
		}

		li.menu_rub1 { 
			padding:0 0 0 12px; 
			margin:0; 
			list-style-image:url(/_template/images/puce/url.gif);
			font-size:110%;
			list-style-position:inside;
	}

		li.menu_rub1on { 
			padding:0 0 0 12px; 
			margin:0; 
			list-style-image:url(/_template/images/puce/url.gif);
			font-size:110%;
			background-color:#DDD; 
			list-style-position:inside;
	}
		
		li.menu_rub1on a { 
			color:#508daf;
	}
		
		


