@charset "utf-8"; 


/* Mise en forme du body */

body 				{ 	
						font-family : Arial, Verdana, Helvetica, sans-serif; 
						font-size : 12px; 
						color : #181818;						
						background-color : #ffffff;
						margin : 0; 
						padding : 0;
					}

/*-----------------------------------------------------------*/

/* ID */

#banniere_centre	{	
						width : 990px; 
						height : 100px;
						position: absolute;	
						overflow: visible;
						float : left;
						margin : 0;
						padding : 0; 
					}

#block_ac_info_bas	{	
						float : left;
						width : 955px;
						background-color : #ffffff;
						margin : 0 0 15px 0;						
						padding : 10px; 
					}

#block_ac_espace_client	
					{	
						float : left;
						width : 470px;
					}

#block_ac_partenaires	
					{	
						/*float : right;*/
						float: left;
						width : 469px; 
					}

#block_ac_actualites{	
						float : left;
						width : 450px;
						background-image : url(../img/architecture/fond_vague_2.jpg);
						background-repeat : repeat-x;
						text-align : justify;						
						margin : 0;
						padding : 15px 15px 9px 15px;
					}

#block_ac_domaines	{	
						float : left;
						height : 623px;
						width : 282px;
						background-color : #ffffff;
						text-align : center;						
						padding : 15px; 
					}

#block_ac_entreprise{	
						float : left;
						height : 623px;
						width : 282px;
						background-color : #f1f1f1;	
						text-align : justify;						
						margin : 0;
						padding : 15px;
					}

#block_ac_projets	{	
						float : left;
						/*height : 870px;*/
						width : 450px;
						background-image : url(../img/architecture/fond_vague_1.jpg);
						background-repeat : repeat-x;
						text-align : justify;						
						margin : 0;
						padding : 15px;
					}

#block_ac_services	{		
						float : left;
						height : 623px;
						width : 282px;
						background-color : #f1f1f1;
						text-align : left;						
						margin : 0;
						padding : 15px; 
					}

#block_ac_partenaires{	
						float : left;
						/*height : 570px; */
						height : 200px;
						width : 450px;
						background-image : url(../img/architecture/fond_vague_3.jpg);
						background-repeat : repeat-x;
						text-align : center;						
						margin : 0;
						padding : 15px 15px 9px 15px;
					}

#block_sup			{	
						float : left;
						height : 130px;
						width : 450px;
						text-align : justify;						
						margin : 0;
						padding : 0;
					}

#contenuBg 			{	
						width : 990px; 
						background-color : #ffffff; 						
						margin : 0 auto 0 auto;
						padding : 1px 0 0 0; 
					}

#demo				{	
						height : 570px;					
						width : 300px; 
						margin : 0;
						padding : 0;
					}

#diaporama_arts		{	
						float : right;
						height : 700px;					
						width : 400px; 
						margin : 0;
						padding : 0;
					}

#encadrement  		{
						width : 390px;
						border : 1px solid #F99B2E;
						background-color : #f1f1ff;
						color : #585858;
						text-align : left;
						padding : 10px;
						margin : 0 80px 0 80px;
					}

#espace_information 	{	
						float : left;
						height : 30px;
						width : 250px;
						margin : 10px 0 10px 20px;
						padding : 0;
					}

#footer 				{	
						height : 25px;
						background-image : url(../img/architecture/barre_footer.jpg);
						background-repeat : repeat-x;
						margin : 0 auto 0 auto;
						padding : 0;
					}

#footer_zone990 		{	
						height : 25px; 
						width : 990px;				
						margin : 0 auto 0 auto;
						padding : 0;	
					}

#footer_zone990 a:link 				
					{ 	
						text-decoration : none; 
						color : #000076;
					}

#footer_zone990 a:hover 	
					{ 	
						text-decoration : none; 
						color : #e8a753;
					}

#footer_zone990_droite	
					{
						float: left;
						height : 15px;
						width : 100px;						
						text-align : center;
						font-size : 10px; 
						color : #585858; 						
						padding : 5px 0 5px 0; 
					}

#footer_zone990_gauche	
					{
						float: left;
						height : 15px;
						width : 890px;						
						text-align : center;
						font-size : 10px; 
						color : #585858; 						
						padding : 5px 0 5px 0; 
					}

#formulaire 			{	
						width : 560px;
						margin : 0;
						/*padding : 0 0 0 10px;*/
					}

#forfaits 			{	
						width : 580px;
						height : 800px;
						margin : 0;
						padding : 0;
					}

#header 				{	 
						background-image : url(../img/architecture/bf_droite.jpg);
						background-repeat : repeat-x;
						height : 100px;
						margin : 0; 
						padding : 0; 
					}

#imageflow_global	{	
						position : relative;
						height : 570px;
						margin : 0;
						padding : 0;
					}

#menuPrincipal 		{	
						height : 35px;
						background-image : url(../img/architecture/barre_menu.jpg);
						background-repeat : repeat-x;
						margin : 0 auto 0 auto;
						padding : 0; 						
					}

#menuPrincipal_zone990 		
					{	
						height : 35px;
						width : 990px;				
						margin : 0 auto 0 auto;	
						padding : 0; 						
					}

#menuPrincipal_zone_centre
					{
						float: left;
						height : 19px;
						width : 300px;
						color : #585858;
						text-align: center;						
						margin : 0;
						padding : 9px 0 7px 0;
					}

#menuPrincipal_zone_droite
					{
						float : left;
						height : 25px;
						width : 345px;
						margin : 0;
						padding : 5px 0 5px 0;					
					}

#menuPrincipal_zone_droite form 	
					{
						float : right;
						margin: 0 0 3px 0;
						padding : 0;
					}

#menuPrincipal_zone_droite input 
					{
						border : 1px solid #000076;
						background-color : #E0EFE3;
						color : #585858;
						margin : 0; 
						padding : 2px;	
					}

#menuPrincipal_zone_gauche
					{
						float : left;
						height : 19px;
						width : 345px;
						margin : 0;
						padding: 9px 0 7px 0;					
					}

#menuPrincipal_zone_gauche a 	
					{	
						font-size : 13px;
						text-decoration : none;							
						color : #000076;
						margin : 0;
						padding : 0;						
					}

#menuPrincipal_zone_gauche a:hover 
					{ 
						text-decoration : none; 
						color : #e8a753;
					}

#menuPrincipal_zone_gauche a.pageActive 
					{ 
						text-decoration : none; 
						color : #e8a753;
					}

#paragraphe			{	
						float : left;
						width : 195px; 
						margin : 0 20px 0 0;
						padding : 0;
					}

#paragraphe  h1		{	
						font-size : 20px; 
						color : #e8a753;
						margin : 0;
						padding : 0;
					}

#rectangle_info 		{ 	
						float : left;
						width : 170px; 
						margin : 0 10px 0 -5px;
					}
					
#promo		 		{ 	
						float : left;
					}


/*
#sous_block_center a	{								
						display : block;
						height : 30px;
						width : 180px;
						background-color : #d6d3ca;
						font : bold 9px Verdana, Arial, Helvetica, sans-serif; 
						color : #2d4068;
						text-decoration : none;
						margin : 0px 0px 0px 150px; 						
						padding : 10px;	
					}

#sous_block a			{								
						display : block;
						height : 30px;
						width : 148px;
						background-color : #d6d3ca;
						font : bold 9px Verdana, Arial, Helvetica, sans-serif; 
						color : #2d4068;
						text-decoration : none; 						
						margin : 0; 
						padding : 10px;	
					}
*/

#topMenu 			{	
						height : 24px; 
						border-bottom : #000076 solid 1px;
						background-color : #ffffff;						
						margin : 0 auto 0 auto;
						padding : 0;							
					}

#topMenu_zone990 	{	
						height : 25px;
						width : 990px;				
						margin : 0 auto 0 auto;
						padding : 0; 
					}

#topMenu_zone990_droite	
					{
						float: right;
						height : 15px;
						width : 385px;						
						margin : 0;
						padding : 5px 0 5px 0; 
					}

#topMenu_zone990_gauche	
					{
						float: left;
						height : 15px;				
						margin : 0;
						padding : 5px 0 5px 0; 
					}

#topMenu_zone990 a 	{	
						text-decoration : none; 
						color : #000076;					
						margin : 0; 
						padding : 0 15px 0 15px;	
					}

#topMenu_zone990 a:link 				
					{ 	
						text-decoration : none; 
						color : #000076;
					}

#topMenu_zone990 a:hover 	
					{ 	
						text-decoration : none; 
						color : #e8a753;
					}

#zoneLocalisation	{
						width : 570px; 						
					}

#zoneLocalisation a	{
						color : #000076;
					}

#zoneTexte 			{								
						float : left;
						width : 570px; 
						margin : 0;
						padding : 10px;
					}

#zoneTexte  b		{	
						font : bold 12px Verdana, Arial, Helvetica, sans-serif; 
						color : #444444;
						line-height: 1.5em; 
					}

#zoneTexte p 		{	
						color : #181818;
						line-height : 1.5em; 
						text-align : justify;
					}

#zoneTexte_bureaux 	{			
						float : left;	
						width : 525px; 
						margin : 0 0 0 -10px;
						padding : 0;
					}
					
/*-----------------------------------------------------------*/


/* Classes */

.block_ac_global 	{	
						float : left;
						width : 313px;
						border-left : 1px solid #000076;
						border-right : 1px solid #000076;
						border-bottom : 1px solid #000076;		
						margin : 15px 15px 15px 0;
						padding : 0; 
					}

.block_ac_global_2	{	
						float : left;
						width : 480px;		
						margin : 0 15px 15px 0;
						padding : 0; 
					}

.block_ac_global_3	{	
						float : left;
						width : 480px;
						margin : 0 15px 15px 0;
						padding : 0; 
					}

.block_ac_title 		{
						float : left;
						height : 21px;
						width : 313px;
						background-image : url(../img/architecture/barre_info.jpg);
						font : bold 14px  Arial, Verdana, Helvetica, sans-serif; 
						color : #000076;
						text-align : center;						
						margin : 0;
						padding : 4px 0 0 0; 
					}

.block_ac_title_2 	{	
						float : left;
						height : 21px;
						width : 478px;
						background-image : url(../img/architecture/barre_info.jpg);
						font : bold 14px  Arial, Verdana, Helvetica, sans-serif;
						border-left : 1px solid #000076;
						border-right : 1px solid #000076;
						color : #000076;
						text-align : center;						
						margin : 0;
						padding : 4px 0 0 0; 
					}

.block_ac_title_3 	{	
						float : left;
						height : 21px;
						width : 478px;
						background-image : url(../img/architecture/barre_partenaires.jpg);
						font : bold 14px  Arial, Verdana, Helvetica, sans-serif;
						border-left : 1px solid #85a58b;
						border-right : 1px solid #85a58b;
						color : #ff6c00;
						text-align : center;						
						margin : 0;
						padding : 4px 0 0 0; 
					}

.btn_voir			 {	
						float : left;
						position : absolute;
						background-image : url(../img/contenu/btn-voir.png);
						height : 25px;
						width : 95px;				
						margin : 125px 0 0 115px;
						padding : 0; 
					}
					
.block_align		{	
						text-align : center;
						margin : 0;
						padding : 0;
					}

.bordure_simple		{
						border-color: #000076;
						border-width: 1px;
						background-color : #f1f1f1;
						border-collapse: collapse;
						border-style: solid;
					}

.boutons:hover		{
						border : 1px solid #e8a753;
						background-color : #f1f1f1;
						color : #585858;
						margin : 0; 
						padding : 3px;	
					}

.colonne1			{
						float : left;
						height : 270px;
						width : 150px;
					}

.colonne2			{
						margin-right : 15px;
						height : 270px;
					}	

.contact 			{	
						float : left;
						width : 200px;
						margin : 0;
						padding : 0;
					}

.contact_2			{	
						float : left;
						width : 280px;
						margin : 0;
						padding : 0;
					}

.contact_cases 		{	
						float : right;
						margin : 0;
						padding : 0; 
					}

.formulea			 {
						float: left;
						height: 400px;
						width: 263px;
						background-image: url(../img/contenu/fomulea.gif);
						border-bottom-width: 2px;
						border-bottom-style: solid;
						border-right-style: solid;
						border-right-color: #86B4B4;
						border-bottom-color: #86B4B4;
						background-repeat: no-repeat;
						margin-bottom: 40px;
						margin-right: 35px;
					}	

.formuleb 			{
						float: left;
						height: 400px;
						width: 263px;
						background-image: url(../img/contenu/fomuleb.gif);
						border-bottom-width: 2px;
						border-bottom-style: solid;
						border-right-style: solid;
						border-right-color: #7777D9;
						border-bottom-color: #7777D9;
						background-repeat: no-repeat;
						margin-bottom: 40px;
					}

.formulec 			{
						float: left;
						height: 400px;
						width: 263px;
						background-image: url(../img/contenu/fomulec.gif);
						border-bottom-width: 2px;
						border-bottom-style: solid;
						border-right-style: solid;
						border-right-color: #997D14;
						border-bottom-color: #997D14;
						background-repeat: no-repeat;
						margin-bottom: 40px;
						margin-right: 35px;
					}

.formuled 			{
						float: left;
						height: 400px;
						width: 263px;
						background-image: url(../img/contenu/fomuled.gif);
						border-bottom-width: 2px;
						border-bottom-style: solid;
						border-right-style: solid;
						border-right-color: #BD5C5C;
						border-bottom-color: #BD5C5C;
						background-repeat: no-repeat;
						margin-bottom: 40px;
					}

.gras_orange		{	
						font : bold 14px Arial, Verdana, Helvetica, sans-serif; 
						color : #e8a753;
						line-height: 1.5em; 
					}

.gras_rouge 			{
						color: #f1820a;
						font-weight: bold;
					}

.liens				{
						height : 15px;
						width : 270px;
						text-align : right;
						margin : 0 0 0 300px; 						
						padding : 0;
					}

.liens_2			{
						height : 50px;
						width : 150px;
						text-align : left;
						margin : 0 0 0 420px; 						
						padding : 0;
					}

.logos_normes		{
						float : left;
						height : 15px;
						width : 80px;
						margin : 0 31px 0 30px; 						
						padding : 0;
					}

.info_news			{
						width : 438px;
						background-color : #f1f1f1;
						font-size : 10px;
						text-align : right;
						margin : 0; 						
						padding : 5px;
					}

.info_news_2		{
						width : 560px;
						background-color : #f1f1f1;
						font-size : 10px;
						text-align : right;
						margin : 0; 						
						padding : 5px;
					}

.img_texte			{
						float : right; 
						margin : 0; 						
						padding : 0 0 15px 15px;
					}

.messages_news		{
						width : 438px;
						background-color : #ffffff;
						margin : 0; 						
						padding : 10px 5px 5px 5px;
					}

.messages_news_2	{
						width : 560px;
						background-color : #ffffff;
						margin : 0; 						
						padding : 10px 5px 5px 5px;
					}

.objet_news			{
						height : 15px;
						width : 438px;
						background-image : url(../img/architecture/barre_news.jpg);
						background-repeat : repeat-x;
						font-size : 14px; 
						color : #585858;
						margin : 0; 						
						padding : 5px;
					}

.objet_news_2		{
						height : 15px;
						width : 560px;
						background-image : url(../img/architecture/barre_news.jpg);
						background-repeat : repeat-x;
						font-size : 14px; 
						color : #585858;
						margin : 0; 						
						padding : 5px;
					}

.p1					{	
						font : bold 16px Arial, Verdana, Helvetica, sans-serif; 
						color : #2d4068;
						line-height: 1.5em; 
					}

.p2					{	
						font-size : 15px; 
						color : #102b64;
						line-height: 1.5em; 
					}
	
.p3					{	
						color : #585858;
						line-height: 1.5em; 
					}

.p4					{	
						font-size : 10px; 
						color : #585858;
						line-height: 1.5em; 
					}

.plan_site			{
						font-size : 15px; 
						color : #000076;
						text-align : left;
						text-decoration : none; 
						margin : 0;
						padding : 0;
					}

.plan_site:hover	{
						font-size : 15px; 
						color : #e8a753;
						text-align : left;
						text-decoration : none; 
						margin : 0;
						padding : 0;
					}
					
.small 				{	
						font-size : 12px; 
						font-variant: small-caps;
						color : #000076;
					}
					
.spacer 				{	
						clear : both; 
						visibility : hidden; 
						margin : 0; 
						padding : 0;
					}

.Style1 				{
						font-size: 10px
					}
					
.Style2 				{
						font-size: large;
						font-weight: bold;
					}
					
.realisations	 	{	
						float : left;
						height : 170px;
						width : 450px;					
						margin : 0;
						padding : 0; 
					}

.realisations_info	 {	
						float : right;
						height : 165px;
						width : 205px;
						color : #000076;						
						margin : 0;
						padding : 0; 
					}

.realisations_img	 {	
						float : left;
						height : 150px;
						width : 210px;				
						margin : 0;
						padding : 0; 
					}

.technique			{
						font-size : 10px;
						font-family : arial;
						line-height : 1.1;
					}

.textefomules 		{
						float: left;
						height: 300px;
						width: 185px;
						padding-left: 65px;
						color: #646464;
					}
/*-----------------------------------------------------------*/



/* styles globaux */			

a:link 				{ 	
						text-decoration : none; 
						color : #000076;
					}

a:hover 				{ 	
						text-decoration : underline; 
						color : #e8a753;
					}

a:visited 			{ 	
						text-decoration : none; 
						color : #ff9d1f;
					}

h1					{
						font-size : 18px; 
						color : #000076;
						text-align : left;
						border-bottom : 1px dotted #bfbfbf; 
						margin : 0 0 7px 0;
						padding : 0;
					}

h2					{
						font-size : 14px; 
						color : #000076;
						text-align : left;
						margin : 0;
						padding : 0;
					}

h3					{
						font-size : 12px; 
						color : #000076;
						text-align : left;
						margin : 0;
						padding : 0;
					}

h4					{
						font-size : 14px; 
						color : #000076;
						text-align : left;
						margin : 0 0 2px 0;
						padding : 0;
					}

iframe 				{
						width : 990px; 	
						height : 500px;
						margin : 0;	
						padding : 0;
					}

input 				{
						border : 1px solid #000076;
						background-color : #f1f1f1;
						color : #585858;
						margin : 0; 
						padding : 3px;	
					}
label					{
						/*border : 1px solid #000076;*/
						margin : 0; 
						padding : 3px;	
						/*background-color : #f10000;*/
					}					

img  				{
						border : none;
						margin : 0;	
						padding : 0;
					}

option				{
						border-bottom: 1px dotted #f1f1f1;
						background-color : #e7ecf1;	
						color : #585858;
						margin : 0; 
						padding : 1px;	
					}

p 					{	 
						line-height: 1.5em;	
						color : #181818;							
						margin : 0;	
						padding : 0;							
					}

textarea				{
						border : 1px solid #000076;
						background-color : #f1f1f1;
						color : #585858;
						margin : 0; 
						padding : 2px;	
					}

/*-----------------------------------------------------------*/


/* styles cadre message */	
.bord_haut 			{
						height: 50px;
						background-image:url(../img/architecture/haut.gif);
					}

.bord_haut_cote 		{
						height: 50px;
						width: 30px;
						background-image:url(../img/architecture/hautd.gif);
						float: right;
					}

.bord_bas 			{
						height: 50px;
						background-image:url(../img/architecture/bas.gif);
					}

.bord_bas_cote		{
						height: 50px;
						width: 30px;
						background-image:url(../img/architecture/basd.gif);
						float: right;
					}

.cadre_message 		{
						float: left;
						text-align : center;
						background-color: #ffffff;
						margin: 0 0 0 100px;
						padding: 10px;
						width: 75%;
					}

.centre 				{
						background-image:url(../img/architecture/gauche.gif);
						background-repeat: repeat-y;
					}

.contenu			{
						text-align: center;
						background-image:url(../img/architecture/droite.gif);
						background-repeat: repeat-y;
						background-position: right;
						padding: 0 10px 0 10px;
						color: #666699;
					}
/*-----------------------------------------------------------*/				
