body{
	background-color: #F6F0D8;	
	font-family: Garamond, Times, times new roman;
	color: #7C7B74;
	font-size: 14px;	
	text-align:justify;	
	padding:0;margin:0;
}

*{padding:0;margin:0;}
.alt{display:none;}

h1
{
	color: #333230;	
	font-size: 28px;	
	margin-top:2px;
}


.centeredContainer
{
margin:auto;
width:980px;
position:relative;
overflow-x:hidden;
}

/* ------------------------------------------------------------------ */

.bar{
clear:both;
height:14px;
margin-bottom:6px;
background-repeat: no-repeat;
background-position:center center;
}
.bar_olive{background-image: url(images/bar_olive.gif);}
.bar_olive2{background-image: url(images/bar_olive.gif);}
.bar_olive3{background-image: url(images/bar_olive.gif);}
.bar_brown{background-image: url(images/bar_brown.gif);}
.bar_green{background-image: url(images/bar_green.gif);}
.bar_blue{background-image: url(images/bar_blue.gif);}

/*
.bar_olive
{
clear:both;
width: 980px;
height:14px;
background-image: url(images/bar_olive.gif);
margin-bottom:6px;
background-repeat: no-repeat;
}

.bar_olive2
{
margin-bottom:6px;
margin-top:6px;
width: 980px;
height:14px;
background-image: url(images/bar_olive.gif);
background-repeat: no-repeat;
}
*/
.bar_olive4
{
margin:auto;
clear:both;
width: 980px;
height:14px;
background-image: url(images/bar_olive.gif);
background-repeat: no-repeat;
}
/*
.bar_brown
{
margin-bottom:6px;
margin-top:6px;
width: 980px;
height:14px;
background-image: url(images/bar_brown.gif);
background-repeat: no-repeat;
}

*/

.bar_green3
{
margin:auto;
margin-bottom:6px;
margin-top:6px;
width: 980px;
height:14px;
background-image: url(images/bar_green.gif);
background-repeat: no-repeat;

}

.bar_green2
{
margin:auto;
clear:both;
width: 980px;
height:14px;
background-image: url(images/bar_green.gif);
background-repeat: no-repeat;
}

.bar_blue2
{
margin:auto;
margin-top:6px;
width: 980px;
height:14px;
background-image: url(images/bar_blue.gif);
background-repeat: no-repeat;
}

/* ------------------------------------------------------------------ */
div#topNavigation {
	position:absolute;
	top:77px;
	right:0px;
	width:509px;
}
div#topNavigation a{
	display:block;
	position:absolute; 
	background-image:url('./images/MENU_onoff.jpg');
	background-repeat:no-repeat;
	height:50px;
}

/*div#topNavigation a.accueil   {width:58px; left:  0px; background-position:   0px 0px;}*/
div#topNavigation a.accueil   {width:58px; left:195px; background-position:   0px 0px;}

div#topNavigation a.agence    {width:92px; left: 75px; background-position: -75px 0px;}
div#topNavigation a.services  {width:92px; left:183px; background-position:-183px 0px;}
div#topNavigation a.references{width:106px;left:291px; background-position:-291px 0px;}
div#topNavigation a.contact   {width:92px; left:420px; background-position:-420px 0px;}
div.page_accueil    div#topNavigation a.accueil   {background-position:   0px -50px;}
div.page_agence     div#topNavigation a.agence    {background-position: -75px -50px;}
div.page_services   div#topNavigation a.services  {background-position:-183px -50px;}
div.page_references div#topNavigation a.references{background-position:-291px -50px;}
div.page_contact    div#topNavigation a.contact   {background-position:-420px -50px;}

div#topNavigation a.accueil:hover   {background-position:   0px -50px;}
div#topNavigation a.agence:hover    {background-position: -75px -50px;}
div#topNavigation a.services:hover  {background-position:-183px -50px;}
div#topNavigation a.references:hover{background-position:-291px -50px;}
div#topNavigation a.contact:hover   {background-position:-420px -50px;}

a#homelogo{
	display:block;
	position:absolute; 
	top:20px;
	width:400px;
	height:80px;
	border:0px red solid;
}
/* ------------------------------------------------------------------ */

#contenant1
{
text-align:center;
width: 100%;
background-image: url(images/background_top.jpg);
background-repeat: repeat-x;
}

#formulaire_contact
{
width:486px;
float:left;
margin-left:12px;
margin-right:120px;
margin-bottom:20px;
}

#formulaire_contact_champs
{
margin-top:20px;
font-size:18px;
color:#4D4220;
text-align:left;
}

#bouton_envoyer
{
margin-top:10px;
text-align:right;
}
#visite
{
width:345px;
float:left;
font-size:18px;
color:#4D4220;
}

#visite h1
{
margin-top:20px;
margin-bottom:1px;
font-size:28px;
color:#4D4220;
}



#header
{
position:relative;
width: 980px;
height:160px;
background-image: url(images/header.jpg);
}

#flash
{
/*float:left;*/
width: 676px;
height:311px;
background-image: url(images/flash.jpg);
}

#actus_container
{
/*float:left;*/
width: 304px;
height:84px;
background-image: url(images/actus_background.jpg);
}


#actus_title
{
margin-top:9px;
margin-left:45px;
float:left;
font-size:18px;
font-weight:bold;
color:#4D4220;
}
#actus_date
{
margin-top:6px;
margin-right:4px;
float:right;
text-align:right;
font-size:16px;
font-weight:bold;
color:#ffffff;
}
#actus_main
{
padding:4px;
clear:both;
text-align:left;
margin-top:10px;
margin-left:12px;
font-size:13px;
color:#4D4220;
}

#who_container
{
/*float:left;*/
width: 304px;
height:109px;
background-image: url(images/who_background.jpg);
overflow-y:hidden;
}


#who_main
{
line-height:95%;
width:180px;
padding:4px;
text-align:justify;
padding-top:8px;
margin-left:12px;
font-size:13px;
color:#ffffff;
}

#focus
{
position:relative;
height:454px;
margin-top:28px;
}

#flash_focus
{
position:relative;
/*
top:29px;
position:absolute;
z-index:2;
*/
}

#dernieres_rea
{
left:12px;
top:-28px;
position:absolute;
z-index:10;
}


#contenant2
{
text-align:center;
width: 100%;
background-image: url(images/background_pied.jpg);
background-repeat: no-repeat;
background-position:bottom center;
position:relative;

}

#selection
{
position:relative;
margin-top:28px;
/*height:790px;*/
}

#selection_projets
{
/*right:12px;
position:absolute;
z-index:10;
top:-20px;
*/
margin-right:0px;
position:absolute;
top:-28px;
right:12px;
}

#main_selec_container
{
position:relative;
float:left;
}

#selection_main
{
/*position:absolute;
 Z-index:2;
top:29px;
width:975px;
*/
padding-left:5px;
background-repeat:repeat;
background-image: url(images/background_references.gif);
background-color:#4A4121;
}

.selection_item
{

position:relative;
height:240px;
width:325px;
border:0px red solid;
padding:0;margin:0;
}

.selection_item_title
{
color:#ffffff;
text-align:right;
position:absolute;
right:13px;
top:3px;
}

#sites_title
{
/*float:left;*/
/*width: 676px;*/
height:87px;
background-image: url(images/sites_title.jpg);
}

.demo_sites
{
margin-left:10px;
margin-top:3px;
}

#sites_background
{
position:relative;
float:left;

/*width: 443px;*/
width:443px;overflow-x:hidden;

height:336px;
background-image: url(images/sites_background.jpg);
}

#sites_main
{
position:absolute;
/*top:275px;*/top:362px;z-index:2;
left:60px;
width:550px;
line-height:95%;
text-align:left;
font-size:18px;
color:#ffffff;
}

#sites_main h1
{
margin:0px;
font-size:26px;
font-weight:bold;
color:#ffffff;
}



#packs
{
float:left;
width: 233px;
}


#referencement_container
{
float:left;
width: 304px;
height:92px;
background-image: url(images/referencement_background.jpg);
}

#referencement_main
{
line-height:95%;
padding:9px;
text-align:justify;
margin-left:1px;
margin-top:-3px;
font-size:13px;
color:#ffffff;
}




#motion_container
{
float:left;
width: 304px;
height:191px;
background-image: url(images/motion_background.jpg);
}



#bloc_graphisme
{
float:left;
}

#charte_container
{

width: 304px;
height:101px;
background-image: url(images/charte_background.jpg);
}

#illustration_container
{

width: 304px;
height:195px;
background-image: url(images/illustration_background.jpg);
}

#graphisme_title
{
float:left;
width: 676px;
height:81px;
background-image: url(images/graphisme_title.jpg);
}

.demo_graphisme
{
margin-left:96px;
margin-top:1px;
}


#graphisme_background
{
float:left;
width: 676px;
height:346px;
background-image: url(images/graphisme_background.gif);
}

#liste_clients
{
text-align:left;
margin-top:20px;

}

#confiance
{
margin-left:12px;
}

.noms_clients
{
padding:12px;
float:left;
color:#4D4220;
font-size:15px;
font-weight:bold;
}

#contenant3
{
text-align:center;
width: 100%;
background-image: url(images/background_footer.jpg);
background-repeat: repeat-x;
background-color: #877339;	
}

.bloc_footer
{
text-align:left;
color:#1E190D;
font-size:14px;
}

.bloc_footer a
{
color:#1E190D;
font-size:14px;

}

.bloc_footer h1
{
color:#ffffff;
font-size:26px;
margin-top:10px;
margin-bottom:2px;
}