/* CSS Document */

/*************GENERAL*************/

html{
margin :0px; 
padding : 0px;
}

body{
margin : 0px;
padding : 0px;
width : 100%;
font-family : "Trebuchet MS", verdana, arial, sans-serif;
color: #555;
overflow-y : scroll;
background-color: #eee;
}

img {
border: 0;
}


/***************RESET******************/

.reset {
	clear:both;
	overflow:hidden;
	height:1px;
	line-height:1px;
}

/*************HAUT DE PAGE*************/

#fond-bandeau {
height: 135px;
background: #ececec url('images/fond-header.jpg') center top no-repeat;
}

#conteneur-bandeau {
height: 115px;
width: 1003px;
margin: 0px auto;
padding-top:20px;
}

#logo_site{
float:left;
width : 300px;
height : 100px;
}

	#logo{
	background : url('images/logo_scimob.png');
	width : 298px;
	height : 98px;
	margin : 1px 1px 1px 1px; 
	}

#bandeau{/*en flux*/
text-align:right;
padding-top:45px;
}

	#menu{/*en flux*/
		
	}

		#menu li {/*en flux*/
		font-family : "Trebuchet MS", verdana, arial, sans-serif;
		font-weight : bold;
		font-size : 9pt;
		text-transform : uppercase;
		display : inline;
		margin-right : 25px;
		
		}

			#menu a:link{
			color : black;
			text-decoration : none;
			}

			#menu a:visited{
			color : black;
			text-decoration : none;
			}

			#menu a:hover{
			color : black;
			text-decoration : none;
			}

			.bouton_actif{
			border-bottom : 3px solid #01c3ff;
			}

/*************CORPS DE PAGE GENERALE*************/

#conteneur-corps {
background-color:#fff;
margin: 0px auto;
}

#corps{/*en flux*/
background-color : #fff;
width : 990px;
margin : 0px auto 0px auto;
padding : 25px 5px 25px 5px;
}

	.adapter_conteneur{
	clear : both;
	}

/*************CONTENU DE LA PAGE D'ACCUEIL*************/

#les_trois_blocs_de_gauche_accueil{/*Flottant*/
background: #fff url('images/fond-acc-large.jpg') center top no-repeat;
width : 652px;
float : left;
padding-top:20px;
}

	#accueil_bloc_presentation {/*Flottant*/
	width : 314px;
	min-height : 190px;
	margin-bottom : 10px;
	float : left;
	font-size : 0.85em;
	}


		#accueil_bloc_presentation li{
		list-style-image : url("images/puce_liste.png");
		color : #2d5688;
		}

	#accueil_bloc_clients_photo {/*Flottant*/
	width : 320px;
	height : 190px;
	margin-bottom : 10px;
	float : right;
	}
	
		#bloc_photo{
		width : 322px;
		height : 136px;
		background-color: transparent;
		background : url('images/photo-cap-omega.jpg') right top no-repeat;
		}
		
		.bloc_clients li{
		list-style-type : none;
		display : inline;
		}
		
		.bloc_clients{
		background: #fff url('images/fond-acc-large.jpg') center top no-repeat;
		width : 652px;
		height : 136px;
		margin-top : 10px;
		padding-top: 10px;
		}
		
		.bloc_clients_IE{
		width : 652px;
		height : 99px;
		}
		
		.bloc_clients marquee{
		width :652px;
		height : 99px;
		padding : 0px;
		}
		
		.bloc_clients marquee img {
		border : 1px solid #d1d1d1;
		margin-left : 4px;
		margin-right : 4px;
		}

	#accueil_bloc_pub {/*sous les flottants*/
	background: #fff url('images/fond-acc-large.jpg') center top no-repeat;
	width : 652px;
	height : 250px;
	clear : both;
	padding-top: 20px;
	}
	
		#photo_pub{
		width : 200px;
		height : 250px;
		float : left;
		}
		
		#titre_texte_pub{
		width : 432px;
		height : 250px;
		float : right;
		padding-left: 10px;
		}
		
		/*#titre_pub{
		width : 442px;
		height : 40px;
		}*/
		
		#texte_pub{
		width : 442px;
		height : 190px;
		font-size : 0.95em;
		}

#news_et_twitter{
width : 326px;
float : right;
}	
	
	#lien_news{
	color : black;
	text-decoration : none;
	}
	
	#accueil_bloc_news {/*Flottant*/
	float:left;
	width : 324px;
	}
	
		#titre_page_news_acc{
		background: #fff url('images/fond-acc-petit.jpg') center top no-repeat;
		height : 30px;
		text-align : center;
		padding : 8px 0px 0px 0px;
		font-family : arial;
		font-weight : bold;
		font-size : 12pt;
		}
		
		.la_news_acc{
		float:left;
		background : transparent url('images/fond-news.jpg') no-repeat top left;
		margin-bottom : 10px; 
		width : 324px;
		max-height : 150px;
		}
		
		.date_news_acc{
		float:left;
		height : 18px;
		width : 314px;
		font-family : arial;
		font-size : 0.8em;
		padding : 10px 0px 10px 10px;
		}
		
		.contenu_news_acc{
		float:left;
		font-size : 0.9em;
		width : 318px;
		color : #323232;
		padding : 3px 3px 0px 3px;
		}
		
	
	#toutes_les_news{
	float: left;
	background: #fff url('images/fond-acc-petit.jpg') center top no-repeat;
	width : 324px;
	height : 50px;
	margin: 10px 0px 10px 0px;
	padding-top: 10px;
	text-align: center;	
	}
		
		#toutes_les_news a:link{
			color : #444;
			text-decoration : none;
			}

			#toutes_les_news a:visited{
			color : #444;
			text-decoration : none;
			}

			#toutes_les_news a:hover{
			color : #01c3ff;
			text-decoration : none;
			}
	
	#twitter{
	float: left;
	background : url('images/encart-twitter.jpg') no-repeat center top;
	width : 326px;
	height : 134px;
	}
	
		
		/*#twitter:hover{
		background : url('images/rollover_twitter.png') no-repeat 0 0px;
		width : 326px;
		height : 110px;
		}*/
	
	
		#suivez_nous_acc{
		width : 286px;
		height : 25px;
		padding-left : 40px;
		}
	
		#icone_et_nom{
		width : 276px;
		height : 60px;
		padding-left : 50px;
		}
		
			#icone{
			background : url('images/icone_twitter.png');
			width : 60px;
			height : 60px;
			float : left;
			}
			
			#nom{
			width  : 211px;
			height : 60px;
			margin-top : 18px;
			margin-left : 5px;
			float : right;
			}

			
/****************************TEXTE****************************/

h1 {
	font-size:20px;
	font-weight: bold;
	padding-bottom: 10px;
	margin: 0px;
}

h2 {
	font-size:18px;
	font-weight: bold;
	padding-bottom: 10px;
	margin: 0px;
}


/*************CONTENU DE LA PAGE "NOTRE ACTIVITE"*************/

#titre_page_NA{
background : url('images/fond-xlarge.jpg') top center no-repeat;
width : 100%;
height : 80px;
margin-bottom : -30px;
text-align : center;
padding-top : 20px;
}

#oreille_gauche_NA{
width : 150px;
float : left;
margin-right : 10px;
height: 645px;
}

#bloc_texte_NA{
background-color: transparent;
width : 1000px;
float : left;
overflow : auto;
}

	#bloc_texte_NA h3 {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	}
	
	#bloc_texte_NA ul{
	font-size : 0.9em;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 15px;
	}
	
		#bloc_texte_NA li{
		list-style-image : disc;
		margin-bottom : 2px;
		}

	.une_activite{
	width : 1000px;
	height : 160px;
	margin-bottom : 10px;
	}
	
		.une_activite_image{
		width : 147px;
		height : 147px;
		margin : 0px 5px 20px 0px;
		float : left;
		}
		
		.une_activite_texte{
		width : 800px;
		height: 137px;
		float : left;
		padding : 10px 10px 0px 20px;
		}
		
			.une_activite_titre{
			width : 100%;
			height : 40px;
			margin-bottom : 5px;
			}
			
			.une_activite_description{
			width : 100%;
			overflow : auto;
			}

/*************CONTENU DE LA PAGE "REALISATIONS"*************/


#titre_principal_REA{
background : url('images/fond-xlarge.jpg') top center no-repeat;
width : 100%;
height : 80px;
margin-bottom : -30px;
text-align : center;
padding-top : 20px;
}

#bloc_contenu_REA{
width : 968px;
margin-bottom : 10px;
padding : 10px 10px 0px 10px;
overflow : auto;
}

	#principales_REA{
	width : 100%;
	overflow : auto;
	}
		
		.une_REA{
		background-color: #f7f7f7;
		border: 1px solid #ddd;
		width : 470px;
		height : 130px;
		margin : 0px 0px 25px 0px;
		float : left;
		}
		
		.une_REA_droite{
		background-color: #f7f7f7;
		border: 1px solid #ddd;
		width : 470px;
		height : 130px;
		margin : 0px 0px 25px 0px;
		float : right;
		}
	
			.logo_REA{
			width : 150px;
			height : 130px;
			float : left;
			}
			
				.cadre_lien{
				/*background : url('images/effet_images_realisations.png');*/
				width : 148px;
				height : 128px;
				margin : 0px 0px 0px 0px;
				}
									
			.detail_REA{
			width : 314px;
			height : 130px;
			float : right;
			}
			
				.detail_titre_et_icones_REA{
				width : 314px;
				height : 60px;
				}
			
					.titre_REA{
					width : 197px;
					height : 40px;
					float : left;
					padding : 20px 0px 0px 0px;
					font : normal normal bold 1.1em arial;
					/*color : black;*/
					}
					
					.titre_REA a {
					border : none 0px;
					}
					
					.titre_REA a:link{
					font : normal normal bold 1.2em arial;
					color : #555;
					text-decoration : none;
					}
					
					.titre_REA a:visited{
					font : normal normal bold 1.2em arial;
					color : #555;
					text-decoration : none;
					}
					
					.titre_REA a:hover{
					font : normal normal bold 1.2em arial;
					color : #01c3ff;
					text-decoration : none;
					}
					
					.titre_REA a:active{
					font : normal normal bold 1.2em arial;
					color : #555;
					text-decoration : none;	
					border : none;
					}
					
					.icone_REA{
					width : 97px;
					height : 50px;		
					float : right;
					padding : 10px 10px 0px 0px;
					}
					
					.icone_REA img{
					float : right;
					}
				
				.detail_texte_REA{
				font : normal normal 0.9em arial;
				/*color : black;*/
				width : 304px;
				height : 60px;
				padding : 0px 10px 10px 0px;
				}

#titre_partenaires_REA{
background : url('images/fond-xlarge.jpg') top center no-repeat;
width : 990px;
margin-bottom : 10px;
height : 34px;
margin-bottom : 10px;
text-align : center;
padding-top : 16px;
}				
				
#partenaires_REA{
width : 972px;
overflow : auto;
padding : 10px 8px 0px 8px;
}
		
		#ensemble_des_logos{
		background : #9a9a9a;
		width : 100%;
		overflow : auto;
		}
		
			.logo_partenaires_REA{
			background : #5a5a5a;
			width : 152px;
			height : 100px;
			float : left;
			margin : 0px 12px 12px 0px;
			}
			
			.logo_partenaires_REA_cinquieme{
			background : #5a5a5a;
			width : 152px;
			height : 100px;
			float : left;
			margin : 0px 0px 12px 0px;
			}
			
			.logo_partenaires_REA_sixieme{
			background : #5a5a5a;
			width : 152px;
			height : 100px;
			float : right;
			margin : 0px 0px 12px 0px;
			}
	
/*************CONTENU DE LA PAGE "REFERENCE"*************/

#totalite_du_projet{
width : 990px;
overflow : auto;
}
	
	#barre_rea{
	float : left;
	background : url('images/fond-xlarge.jpg') top center no-repeat;
	width : 100%;
	height : 80px;
	margin-bottom : -30px;
	text-align : center;
	padding-top : 20px;
	}
	
	#retour_titre_date_et_texte{
	width : 540px;
	overflow : auto;
	float : left;
	padding-left : 10px;
	}
	
		#bloc_bouton_retour{
		width : 540px;
		height : 55px;
		margin-bottom : -5px;
		padding : 5px 0px 0px 0px;
		}
		
		#bloc_bouton_retour a img{
		border : none;
		}
		
		#titre_et_date{
		background : url('images/fond_titre_date_reference.png');
		width : 100%;
		margin-bottom : 5px;
		}
		
			#bloc_titre_projet{
			width : 305px;
			height : 35px;
			float : left;
			}
			
			#mini_bloc_titre_ref{
			width : 195px;
			height : 35px;
			padding : 15px 0px 0px 10px;
			float : left;
			font-weight : bold;
			}
			
			#icones_plateforme_ref{
			float : right;
			width : 100px;
			height : 40px;
			padding : 10px 0px 0px 0px;
			}
			
			#icones_plateforme_ref img{
			float : right;
			}
			
			#bloc_date_projet{
			text-align : center;
			width : 205px;
			height : 35px;
			float : right;
			padding : 15px 0px 0px 0px;
			}
		
		#bloc_texte_projet{
		width : 100%;
		overflow : auto;
		margin-bottom : 5px;
		margin-top : 20px;
		font-size : 10pt;
		}
			.lien_stores{
			text-align : center;
			width : 100%;
			margin-top : 20px;
			}
			
			.lien_stores a img {
			border : none;
			margin-right : 20px;
			}
		
	#bloc_galerie_images{
	background : white;
	width : 420px;
	height : 570px;
	float : right;
	}
	
		#photo_courante{
		text-align : center;
		}
	
		#autres_photos{
		}
			#bloc_galerie_images a img{
			border : 1px solid black;
			margin-right : 2px;
			}
		
#coordonnees{
background : #2a2a2a;
width : 100%;
height : 100px;
clear : both;
}

/*************CONTENU DE LA PAGE "A PROPOS DE SCIMOB"*************/

	#texte_APDS{
	
	width : 1000px;
	overflow : auto;
	margin-bottom : 10px;
	}
	
	#titre_APDS{
	float : left;
	background : url('images/fond-xlarge.jpg') top center no-repeat;
	width : 100%;
	height : 80px;
	margin-bottom : -30px;
	text-align : center;
	padding-top : 20px;
	}
	
	#contenu_APDS{
	float : left;
	width : 100%;
	overflow : auto;
	}
	
	#membre_APDS{
	width : 480px;
	height : 135px;
	margin: 10px 10px 20px 0px;
	float : left;
	}
	
	#image_APDS{
	width : 135px;
	height : 135px;
	float : left;
	}
	
	#desc_membre_APDS{
	float: left;
	width: 240px;
	height: 100px;
	padding: 35px 0px 0px 20px;
	vertical-align: middle;
	}

#schema_APDS{
width : 990px;
height : 507px;
}

/*************CONTENU DE LA PAGE "MENTIONS LEGALES"*************/

#entete_mentions{
width : 990px;
overflow : auto;
margin-bottom : 10px;
}

	#texte_mentions{
	width : 680px;
	overflow : auto;
	float : left;
	}
	
	#titre_mentions{
	background : url('images/fond_titre_apds.png');
	width : 100%;
	height : 34px;
	margin-bottom : 10px;
	font : 12pt arial;
	font-weight : bold;
	color : black;
	text-align : center;
	padding-top : 16px;
	}
	
	#contenu_mentions{
	width : 100%;
	overflow : auto;
	}
	
	#image_decors_mentions{
	width : 300px;
	height : 200px;
	float : right;
	}

#schema_mentions{
width : 990px;
height : 507px;
}

/*************CONTENU DE LA PAGE "CONTACT"*************/

#titre_nous_contacter{
	float : left;
	background : url('images/fond-xlarge.jpg') top center no-repeat;
	width : 100%;
	height : 80px;
	margin-bottom : -30px;
	text-align : center;
	padding-top : 20px;
}

#partie_de_gauche_CCT{
width : 630px;
overflow : auto;
float : left;
}


	#formulaire_CCT{
	width : 620px;
	overflow : auto;
	margin-bottom : 10px;
	padding-left : 10px;
	}
		
		#bouton_envoi_form{
		background : url('images/envoyer_normal.png');
		border : none;
		width : 96px;
		height : 32px;
		}
	
	#texte_offre_emploi{
	width : 620px;
	overflow : auto;
	margin-bottom : 10px;
	padding-left : 10px;
	}
	
	#bloc_bouton_postuler{
	width : 600px;
	height : 55px;
	text-align : left;
	padding-top : 5px;
	padding-left : 10px;
	}
	
		#bloc_bouton_postuler a img{
		border : none;
		}
	
#partie_de_droite_CCT{
width : 350px;
overflow : auto;
float : left;
text-align: center;
}

	#image_batiment{
	width : 350px;
	height : 100px;
	margin-bottom : 20px;
	}
	
	#twitter-contact{
		float: left;
		background : url('images/encart-twitter.jpg') no-repeat center top;
		width : 326px;
		height : 134px;
		margin-top:30px;
	}

/*************CONTENU DE LA PAGE "NEWS" (et aussi pour "ACCUEIL")*************/

#oreille_gauche_news{
width : 150px;
float : left;
margin-right : 10px;
height: 402px;
}

#bloc_news{
width : 1000px;
float : left;
overflow : auto;
}

#titre_page_news{
	float : left;
	background : url('images/fond-xlarge.jpg') top center no-repeat;
	width : 100%;
	height : 80px;
	margin-bottom : -30px;
	text-align : center;
	padding-top : 20px;
}

	#la_news{
	width : 668px;
	margin: 0 auto;
	overflow : auto;
	}
	
		.date_news{
		background : transparent url('images/fond-news.jpg') no-repeat top left;
		width : 668px;
		margin : 0px 0px 5px 0px;
		height : 40px;
		text-align : center;
		padding-top : 0px;
		margin-bottom : 10px;
		margin-top : 10px;
		}
		
		.contenu_news{
		width : 664px;
		overflow : auto;
		margin-bottom : 5px;
		color : #323232;
		padding : 0px 2px 0px 2px;
		}
		
	#pagination_news{
	width : 100%;
	height : 25px;
	text-align : center;
	padding-top : 5px;
	margin-top:20px;
	}
	
	#pagination_news a{
	text-decoration : none;
	}
	


#oreille_droite_news{
width : 150px;
float : right;
height: 402px;
}	
	
/*************ERREUR 404*************/
	
#titre_erreur{
width : 100%;
height : 50px;
margin-bottom : 10px;
}
	
#texte_erreur{
width : 100%;
overflow : auto;
}

/*************PIED DE PAGE*************/

#footer{
background-color : #eeeeee;
/*width : 1000px;*/
height : 100px;
margin : auto ;
margin-top : 25px;
padding : 20px 0px 0px 0px;
text-align : center;
font-size : 10pt;
color: #01c3ff;
}

	#footer li{
	list-style-type : none;
	}
	
	#footer a{
	text-decoration : none;
	}