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

body { 
	background-color: #FFFFFF;
	background: url(../../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;
}

img { border:0;}
.clear { clear: both;}

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


		#CENTRAGE {z-index: 1; width: 907px; margin-right: auto; margin-left: auto; }
		
		/*/////////// HEADER/////////////////*/
		#HEADER{ width:900px; height:120px; position: absolute; top:0; margin-top: -59px;}
		a.droite { float: right; margin-top: 7px; border-top: 1px solid black}
		a:hover.droite { border-top: 1px solid white}
		

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

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

		
		/*/////////// MENU/////////////////*/
		#MENU_POSITION { float:right;width:239px; }
		
		#MENU{ width:225px; margin-left:7px; padding-top:81px; position: absolute}
		
		#LIENS { width:151px; position: absolute; text-align:center; top:560px; margin-left: 37px;}
		
		#LIENS_BOUTONS { width:225px; position: absolute; text-align:center; top:570px; }
		
		
		#PARTENAIRES_BOUTONS { width:225px; position: absolute; text-align:center; top:675px;}


		#PARTENAIRES { width:225px; position: absolute; text-align:center; top:515px; }
		select.goog-te-combo {
			font-size: 9px !important;
		}
		div.goog-te-gadget, a.goog-logo-link { font-weight: normal !important; font-size: 9px !important;}

		#GC_endorser{
		display:block;
		width: 76px;
		height: 80px;
		position:absolute;
		text-align:center;
		top:430px;
		margin-left: 75px;
		}
				
		
		/*///////////// CONTENU //////////////*/

		#CONTENU_POSITION{ float:left; position:relative; left:0px; top:80px; }
		
		#CONTENU{ width:580px;padding:20px 0 0 0;font-size:100%;}
		
		#APROPOS{ width:220px; height:210px; float:left; margin-bottom:10px; margin-right:8px;	line-height: 13px; }
		
		#ACCROCHE{width:352px; float:right;}
		
		#SERVICES{ width:220px; float:left; margin:0 0 10px 0;}
		
		#TRAVAUX{ width:340px; float:right; }
		
		#TITRE340 { width:322px; padding:0 0 2px 18px; margin-bottom:8px; background: url(../../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: 120px;background: url(../../images/striesvertes.gif) repeat-x center; }
		
		#LOGO { width:95px; height:95px; float:right; background: url(../../images/ombre_logo.gif) no-repeat top left; padding: 5px 0 0 5px;}
		
		#LOGOARTICLE { width:95px; height:95px; float:right; background: url(../../images/ombre_logo.gif) no-repeat top left; padding: 5px 0 0 5px;}
		
		
		#FIN_CONTENU_SOMMAIRE { clear:both;width:100%;  height: 30px;background: url(../../images/striesvertes.gif) repeat-x center;}
		#LOGO_SOMMAIRE {margin-top: -90px; width:95px; height:150px; float:right; background: url(../../images/ombre_logo.gif) no-repeat top left; padding: 5px 0 0 5px;}
		
		/*///////////// FOOTER //////////////*/
		#FOOTER{ padding:3px 0 0 40px;margin-bottom:80px; float:left; position: relative; left:0; width:634px; height:23px; background: url(../../images/pointillesfooter.gif) no-repeat top left;background-color:#bae55e; color:inherit; font-size:9px; line-height: 12px;}
		
		#ARTICLE { width:480px; padding-left:100px;}

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


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

		#OUTILSTEXTE { position:absolute; top: 40px; margin-left:524px; width:50px;
	text-align: center; z-index:10;
		}
		#OUTILSTEXTE_HAUT {background: url(../../images/portfolio_haut.gif) no-repeat; width:50px; height:13px;}
		#OUTILSTEXTE_MILIEU { padding:0 0 0 4px; background: url(../../images/portfolio.gif) repeat-y; width:50px;}
		
		#OUTILSTEXTE_BAS {background: url(../../images/portfolio_bas.gif) no-repeat; width:50px; height:13px;}
		/*#OUTILSTEXTE a img { border:1px solid #999}
		#OUTILSTEXTE a:hover img { border:1px solid white}*/

/*/////////////////////// SOUSMENU ///////////////////////////*/

		#SOUSMENU_CONTAINER {
			margin:0 20px 10px 0;
			float: left;
			width: 167px;
		}
		
		#DEBUT_SOUSMENU {
			background-image:url(../../images/sousmenu.gif);
			background-repeat:no-repeat;
			background-position:top left;
			width: 170px;
			height:19px;
		}
		#SOUSMENU {
			border-right:1px solid #ababab;
			border-left:1px solid #ababab;
			border-bottom:1px solid white;
			border-top:1px solid #ababab;
			width: 167px;
		}
		#FIN_SOUSMENU {
			margin-top:-18px;
			
			background-image:url(../../images/sousmenufin.gif);
			background-repeat:no-repeat;
			background-position:top left;
			width:170px;
			height:19px;
		}


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


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


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

		.TITRE225 { width:202px; padding:0 0 2px 18px; margin-bottom:8px; background: url(../../images/titre220_fond.gif) no-repeat bottom;}

/*////////////// Classes Textes ////////////////////////////////*/

		
		a {text-decoration: none; color: #FF6600; background-color: inherit; margin:0; padding: 0; cursor: pointer;}
		a:hover {text-decoration: none; color:#e90e09; background-color: inherit;}
		a:active {font-style: inherit}
		a:visited {font-style: inherit}
		
		.Texte {
			font-size:110%;
		}
		.petitTexte {
			font-size:90%;
		}
		.dateblog {
			background-color: #BAE55E;
			font-size: 9px;
			padding: 0 3px;
			margin-bottom: 5px;
			text-align: right;
		}
		
		.Texteon, .Texteon a {
			font-size:107%;
			color:#a7a7a9;
			background-color: inherit;
		}
		
		#ARTICLE ul { margin-top:-10px;
			margin-left: 30px;
			list-style-image:url(../../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(../../images/puce/puce_menu.gif);
			font-size:100%;
			list-style-position:inside;
		}
		
		.apropos {
			font-size:110%;
			font-weight:bold;
			color:#4d4d4d;
			background-color: inherit;
		}
		
		.chapeau {
			padding:0;
			vertical-align:top;
			font-weight:bold;
			font-size:120%;
			color:#4d4d4d;
			background-color: inherit;
		}
		
		.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:pointer;
			position: absolute;
			width:127px;
			top: auto;
			left: auto;
			margin-top:-50px;
			margin-left:0px;
			z-index: 100;
			padding:3px;
			text-decoration: none;
			color: #777;
			font-size: 10px;
			text-align: left; 
			background-color: #f2f2f2;
			border:1px solid #777;
		}
		
/*///////////// MENU ///////////////*/
 
		.menu_secteur{
			list-style:none; 
			padding:0; 
			margin:0; 
			background: url(../../images/menu_fondtitre.gif) no-repeat;
		}

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

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

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

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

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



/*/////////////////PORTFOLIO SLIDE///////////////*/

	.rubriques {
		width: 650px;
		height: 20px;
		font-size: 12px;
		font-variant: small-caps;
		background: url(../../images/port/onglet_fond.jpg) no-repeat top left; 
		letter-spacing: 1px;
	}
	.rubriques a {
		padding : 0 5px 0px 5px;
		color: black;
		height: 20px;
		display: block;
		float: left;
		border-left: 1px solid #999;
	}
	.rubriques a:hover {
		color: #FF6600;
}
	.rubriques a:active {
		color: white;
}
	.rubriques a.on {
		background: url(../../images/port/onglet.jpg) no-repeat top left;
		color: white;
	}
	
	#slider {
		clear: both;
		position: relative;
		width: 650px;
		height: 400px;
		overflow: hidden;
		background: #000 url(../../images/port/bg_top.jpg) no-repeat top left;
		padding-top: 30px;
	}
	#bottom {
		width: 650px;
		height: 450px;
		background: url(../../images/port/bg_bot.jpg) no-repeat bottom left;
	}
	#slider .slide {
		position: absolute;
		top: 18px;
		height: 400px;
		width: 100%;
		background: #000 url(../../images/port/slide.jpg) no-repeat top left;
		overflow: hidden;
		border-left: #000 solid 1px;
		cursor: default;
	}
	#slider .title, .titreSlide   {
		color: #ff8800;
		font-weight: bold;
		font-size: 1.2em;
		margin-right: 1.5em;
		text-decoration: none;
		background: #333;
		width: 346px;
		padding-left: 3px;
	}
	#slider .backgroundText {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 100%;
		background: #000;
		/*filter: alpha(opacity=40);
		opacity: 0.4;*/
	}
	#slider .text {
		position:  relative;
		color: #FFF;
		font-family: verdana, arial, Helvetica, sans-serif;
		font-size: 0.9em;
		text-align: justify;
		line-height: 11px;
		width: 346px;
	}
	#slider .diapo {
		position: absolute;
		/*filter: alpha(opacity=100);
		opacity: 1;*/
		visibility: hidden;
	}
	#slider p.spip {
	padding-left: 3px;
	margin: 8px 0;


	}
	
	a.highslide img.diapo {
		border: 2px solid #333;
	}
	a:hover.highslide img.diapo {
		border: 2px solid #FF6600;
	}