@charset "UTF-8";
/* CSS Document */

/* REGLES GENERALES -------------------------------------------------------------------------------------------------------*/
* { margin:0;
	padding:0;
	border:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	 }

.clear {clear:both;}


 h2{color:#FFF;
					font-size:9px;
					padding:3px 20px;
					margin:5px 0 10px 0;
					}	
					

h3 {background: url(images/planeco_fond_contact.gif) no-repeat; 
	height: 19px;
	width:216px;
	padding: 3px 0 0 22px;
	 color:#FFF;}
	 

	 
h4 { margin:4px 0 8px 0; }
h4.texte_urbanisme,h4.texte_mobilite,h4.texte_environnement,h4.texte_geomarketing { margin: -15px 0 20px 0; position:relative; }
	
a { text-decoration:none; color:#a7a9ac;}

ul { margin:10px 0 15px 0;}

li { list-style-image:url(images/planeco_puce.gif);
	margin: 2px 0 5px 35px;
	color:fff;}
	
p { margin: 0 0 20px 0; line-height:15px;}

.texte_bleu{color:#00adef;}
.texte_rouge{color:#c4151c;}
.texte_vert{color:#b5d43d;}
.texte_orange{color:#f7941d;}

.texte_urbanisme{color:#00adef;}
.texte_mobilite{color:#c4151c;}
.texte_environnement{color:#b5d43d;}
.texte_geomarketing{color:#f7941d;}

.texte_gris{color:#a7a9ac;}



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

body { background:url(images/planeco_background.gif) #28558e repeat-x; 
		text-align: center;
	}
		
#conteneur_principal { background: #FFF;
						border:solid 7px #d1d3d4;
						margin: 40px auto 0 auto;
						padding:13px 13px 36px 13px;
						width:865px;
						text-align:left;
						font-size:11px;
						color:#474747;}
						
						
/* EN TETE --------------------------------------------------------------------------------------------------------------------*/						


#en_tete { background:url(images/planeco_banniere.gif) no-repeat; 
			width:864px;
			height:165px; }

#en_tete h1{background: url(images/planeco_accueil_logo.jpg); 
				width:94px;
				height:93px;
				float: left;
				margin: 0 0 0 10px;}

#en_tete h1 span {display:none;}

#en_tete a#contact_entete { color:#FFF;
							position: relative;
							left: 820px;
							top:-35px;
							font-size: 10px;
							padding: 0 0 3px 5px;
							}
/* pojets en ligne */

						
#projets_en_cours {		margin: 0 0 0 612px;
						width: 250px;}						
							
							
							
#projets_en_cours h2{ background:url(images/planeco_projet_en_ligne.jpg) repeat-x bottom; 
						padding: 0 0 5px 0;
						margin: 0 0 10px 0;
						color:#000;}
					
						

#projets_en_cours a { display: block;
						font-weight:bold;
						padding: 0 0 0 15px;}
						
#projets_en_cours a.urbanisme { background: url(images/planeco_puce_bleue.jpg) no-repeat 3px; }
#projets_en_cours a.environnement { background: url(images/planeco_puce_verte.jpg) no-repeat 3px; }
#projets_en_cours a.mobilite { background: url(images/planeco_puce_rouge.jpg) no-repeat 3px; }
#projets_en_cours a.geomarketing { background: url(images/planeco_puce_rouge.jpg) no-repeat 3px; }

/* NAVIGATION PRINCIPALE -------------------------------------------------------------------------------------------------------*/

#navigation ul { border-top: solid 5px #a7a9ac; margin:0;}
#navigation ul#navigation_projets { border-top: solid 5px #a7a9ac; margin:0;}
#navigation ul#navigation_references { border-top: solid 5px #a7a9ac; margin:0;}
#navigation ul#navigation_contact { border-top: solid 5px #a7a9ac; margin:0;}

#navigation ul#navigation_urbanisme { border-top: solid 5px #00adef; margin:0;}
#navigation ul#navigation_environnement { border-top: solid 5px #b5d43d; margin:0;}
#navigation ul#navigation_mobilite { border-top: solid 5px #c4151c; margin:0;}
#navigation ul#navigation_geomarketing { border-top: solid 5px #f7941d; margin:0;}


#navigation ul li{ float: left;
				list-style-image:none;
				list-style-type:none;
				padding:5px 10px;
				margin:0 5px 0 0;
				
				 }
#navigation a { color:#fff; 
				font-size:9px;
				/*font-weight:bold;*/
				/*letter-spacing:1px;*/}

.nav_gris,.nav_projets,.nav_references,.nav_contact{background:#a7a9ac; }
.fond_urbanisme{background:#00adef; }
.fond_environnement{background:#b5d43d; }
.fond_geomarketing{background:#f7941d; }
.fond_mobilite{background:#c4151c; }

/* CHEMIN DE NAVIGATION --------------------------------------------------------------------------------------------------------*/
#chemin_de_navigation {color:#d1d3d4; font-weight:bold; font-size:10px;
						 background:url(images/planeco_chemin_fond.gif) no-repeat;
						 margin: 8px 0 30px 0;
						 padding:5px 0 0 0;}


/* COLONNE GAUCHE --------------------------------------------------------------------------------------------------------------*/

#colonne_gauche { width:222px; float:left;
					margin: 0 10px 0 0;
					min-height:500px;
					}
						
/*colonne gauche 1ere vignette*/
#vignette01 { background:url(images/planeco_fond_accueil.jpg) no-repeat; height:216px;
				padding:15px;}
				
/*colonne gauche 2eme vignette*/
#vignette02 { background: url(images/planeco_encart_contact.jpg) no-repeat 0 19px;
				height:199px; 
				}
				
address{margin:10px 15px 15px 15px;
					font-style:normal;}
					
/* références */

#vignette03 { background: url(images/planeco_vignette03.jpg) no-repeat; height:176px;
				padding:15px;}
					
/*contenu gauche*/
#contenu_gauche{ background:url(images/planeco_fond_colonne_gauche.jpg) repeat-y; padding:0 5px 0 0;}

#contenu_gauche h4 { margin:2px 0 5px 8px;}


#bas_colonne_gauche{ background:url(images/planeco_bas_colonne_gauche.jpg) no-repeat;
					height:44px; position: relative; margin: -15px 0 0 0;
					}	
					
				
												
/* urbanisme */
									
ul li.puce_urbanisme{ list-style-image:url(images/planeco-urbanisme-puce.jpg);}

h2.fond_urbanisme {background: url(images/puce_urbanisme.gif)#00adef no-repeat 7px;
									}
					
/* environnement */

ul li.puce_environnement{ list-style-image: url(images/planeco_envirronement_01.gif);}

h2.fond_environnement {background: url(images/planeco_environnement_puce.gif) #b5d43d no-repeat 7px;
									}

/* mobilité */

ul li.puce_mobilite{ list-style-image: url(images/planeco_mobilite_puce01.gif);}

h2.fond_mobilite {background: url(images/planeco_mobilite_puce02.gif) #c4151c no-repeat 7px;
									}

/* géomarketing*/

ul li.puce_geomarketing{ list-style-image: url(images/planeco_geomarketing_puce01.gif);}

h2.fond_geomarketing {background: url(images/planeco_geomarketing_puce02.gif) #f7941d no-repeat 7px;
									}

/* CONTENU DROITE ------------------------------------------------------------------------------------------------------------*/

#contenu { width:590px; float:left;}

.image_droite { display: block; 
				border: solid 1px #a7a9ac;
				padding: 5px;
				margin: 0 0 10px 15px;
				float: right;}
				
.image_gauche { display: block; 
				border: solid 1px #a7a9ac;
				padding: 5px;
				margin: 0 15px 10px 0 ;
				float: left;}
				
/* titre */
#contenu h1 { 				font-size: 12px;
							letter-spacing: 2px;
							padding:0 0 10px 0;
							margin: 0 0 15px 0;
							 }
#contenu h1.texte_bleu { 	background: url(images/planeco_h1_urbanisme.jpg) no-repeat 0 15px;
							 }
							 
#contenu h1.texte_vert { 	background: url(images/planeco_titre_h1_environnement.jpg) no-repeat 0 15px;
							 }		
#contenu h1.texte_rouge { 	background: url(images/planeco_titre_mobilite.jpg) no-repeat 0 15px;
							 }	
							 
#contenu h1.texte_orange { 	background: url(images/planeco_titre_geomarketing.jpg) no-repeat 0 15px;
							 }		
							 
#contenu h1.texte_urbanisme { 	background: url(images/planeco_h1_urbanisme.jpg) no-repeat 0 15px;
							 }
							 
#contenu h1.texte_environnement { 	background: url(images/planeco_titre_h1_environnement.jpg) no-repeat 0 15px;
							 }		
#contenu h1.texte_mobilite { 	background: url(images/planeco_titre_mobilite.jpg) no-repeat 0 15px;
							 }	
							 
#contenu h1.texte_geomarketing { 	background: url(images/planeco_titre_geomarketing.jpg) no-repeat 0 15px;
							 }							 
							 
							 
		 
							 
.petit { font-size:9px;
			font-weight:normal;}			

				
/* encart gris */

#fond_gris {background:#d2d3d5;

			min-height:76px;
			padding: 10px;
			margin:20px 0 0 0;
			font-size:9px;
			}
			
#fond_gris p { margin:0; }


#fond_gris a{ margin: 5px 0 0 150px; color:#0e6383;}

#fond_gris img { padding: 0; margin:0 0 0 15px;}

/* accordeon --------------------------------- */

/* telechargement */
.telechargement { float:left;
					font-weight:bold;
					text-align:center;
					width:100px;
					margin: 10px 15px 20px 5px;
					}
.telechargement_ligne { float:left;height:100px;font-weight:bold; text-align:center; margin: 12px 12px 12px 12px;}

.telechargement a { margin:0 0 15px 0; display:block;}
.telechargement_ligne a { margin:0 0 15px 0; display:block;}
					
#accordion h4{ background: url(images/en-savoir-plus.gif)no-repeat 500px 6px;
				border: 1px solid #00adef;
				width:590px;
				color:#474747;
				font-weight:normal;
				font-size:10px;
				margin: 10px 0 10px 0;
				padding: 6px 4px 6px 4px;}
				


#accordion p { margin-left: 125px;}
#accordion li{ margin-left: 170px;}

/* references --------------------------------- */
a.ancre { color:#FFFFFF;
			font-size:10px;}
			
#contenu h2{ position:relative;}
			
			
a.ancre_urbanisme,a.ancre_environnement,a.ancre_mobilite,a.ancre_geomarketing { color:#fff;
					padding:0 0 0 18px;
					position:absolute;
					top:3px;
					right:5px;}


a.ancre_urbanisme { background:url(images/ancre_urbanisme_planeco.gif) no-repeat 5px 3px;}				
a.ancre_environnement{ background:url(images/ancre_environnement_planeco.gif) no-repeat 5px 3px;}	
a.ancre_mobilite{ background:url(images/ancre_mobilite_planeco.gif) no-repeat 5px 3px;}
a.ancre_geomarketing{ background:url(images/ancre_geomarketing_planeco.gif) no-repeat 5px 3px;}
				
/*CONTACT ----------------------------------------------------------------------------------------------------------------------*/
#contact {float:left;}
form { padding: 20px 0 0 30px;		
		}

input,textarea {border: solid 1px #a7a9ac;}

input { width:235px;}

#nom { margin: 0 0 0 32px; }
#prenom { margin: 10px 0 0 14px;}
#societe { margin: 10px 0 0 16px;}
#email {margin: 10px 0 0 27px;}
#tel { margin:10px 0 0 0;}

textarea {font-size:11px;
		color:#474747; 
		padding:2px;
		width:300px;
		margin:25px 0 0 0 ;}


#envoyer { margin:  10px 0 0 250px;
			background:#a7a9ac;
			color:#FFF;
			width:55px;}
			
/*Google map*/
iframe,small { margin:20px 0 0 25px;
			}
iframe { padding:5px;
			border: 1px solid #a7a9ac;}
/* FOOTER ----------------------------------------------------------------------------------------------------------------------*/
		
#footer {margin: 10px auto;
		width:896px;
		text-align:left;
		color:#fff;
		font-size:9px;}
		
	

#footer #liens a{ color:#FFF; margin: 0 0 0 5px; padding:0 0 0 5px;
					border-left:solid 1px #fff;}
#footer #liens { text-align:center; float:left;	width:780px;}

.telechargement a { font-size:10px;}
.telechargement_ligne a { font-size:10px;}