/*

	CSS pour tous les smartphones : design fluide

*/

/***** Flashs *****/

div#diapo_accueil_fond,
div#diapo_fond { display:none; }

/***** Petites boites à ne pas afficher *****/

div#actualites, div#recrutement, div#temoignages, div#realisations, div#agences { display:none; }

/***** Mise en forme *****/

.titre_graphique { margin-right:0; margin-left:0; }
.titre_graphique span.coin_gauche { display:none; }

.titre_graphique span.intitule { background:none; height:29px; line-height:29px; font-size:1em; letter-spacing:0; }
div.texte h3 { font-size:1.5em; }
div.texte h4 { font-size:1.2em; }
p.retour_haut { display:none; }
.vignette_175 { display:none; }

img { max-width:90%; }

/***** Layout *****/

body { overflow-x:hidden; width:auto; /* On limite la largeur à celle des écrans */ background:#F0F0F0; /* On remplace l'image d'arrière-plan par une couleur unie */ color:#333; /* On augmente le contraste */ }
div#global { width:100%; /* fluide */ }
div#entete { width:100%; /* fluide */ height:auto; /* fluide */ }
div.conteneur_colonnes { padding-top:0; }
div#pied { display:none; }

	/* Page d'accueil */

div.float_left { float:none; }
div#boite_accueil { height:auto; /* fluide */ }
div.size_400 { width:100%; height:auto; }

div.boite div.boite_haut { padding:5px 0; height:auto; background:none !important; }
div.boite div.boite_bas { letter-spacing:1px; }

div.margin_left_420 { margin-left:0; }
div.size_190 { width:100%; height:auto; overflow:hidden; }
div.size_190 div.texte { font-size:70%; }
div.boite div.boite_bas { letter-spacing:0; }
div#boites_190_accueil div.boite { float:left; margin-right:0; }
div#boite_realisations { overflow:hidden; background:none; }
div#boite_realisations span.nav_bouton { display:none; }
div#boite_realisations ul.liste_realisations li { max-width:300px; height:190px; overflow:hidden; }
div#boite_realisations ul.liste_realisations li dl dt { position:absolute; bottom:0; left:0; z-index:2; width:100%; height:40px; line-height:40px; text-align:center; font-size:75%; background:#f0f0f0; }
div#boite_realisations ul.liste_realisations li dl dd { position:static; width:100%;padding-top:10px; text-align:center; background:none; }
div#boite_realisations ul.liste_realisations li dl dd img { position:static; max-width:90%; height:auto; }
div#sepa_realisations { display:none; }
div#video { display:none; }
p.lien_bas { font-size:100%; width:100%; background:none; font-weight:bold; position:static; padding-bottom:10px; }

div#contact div.boite_bas p.mef_tel { padding:0; }
div#contact div.boite_bas p span.tel { color:#95C632; font-size:200%; }

	/* Autres pages du site */

div#colonne_gauche { width:100%;float:none; }
div#colonne_droite { margin-left:0; width:auto; }
.titre_graphique .ss_menu { display:none; }
	
/***** Entête *****/

h1 {margin:0 auto; margin-bottom:10px; position:static; /* dans le flux */ }
div#slogan { display:none; /* caché */ }

	/* Accès rapide */

div#acces_rapide { display:none; }

	/* Menu main */

div#menu_main { background:#333; padding:5px 0; position:static; /* dans le flux */ height:auto; /* fluide */ }
div#menu_main ul { text-align:center; padding-left:0; background:none; }
div#menu_main ul li { display:inline; float:none; padding-right:0; background:none; }
div#menu_main ul li a { margin:0 5px; padding:5px 3px; padding-bottom:2px; display:inline; font-size:0.7em; /* plus petit */ line-height:2.5em; font-weight:bold; /* plus gras */ letter-spacing:0; /* plus serré */ color:#fff; /* plus contrasté */ border-bottom:2px solid #999; /* plus léger */ width:auto !important; /* fluide */ }
div#menu_main ul li a span { background:none !important; }
div#menu_main ul li a:hover span, div#menu_main ul li a.courant span { margin:0; display:inline; }

div#menu_main ul li.accueil a.courant, div#menu_main ul li.accueil a:hover { background:#95C632; }
div#menu_main ul li.societe a.courant, div#menu_main ul li.societe a:hover { background:#FF9900; }
div#menu_main ul li.prestations a.courant, div#menu_main ul li.prestations a:hover { background:#FF6600; }
div#menu_main ul li.references a.courant, div#menu_main ul li.references a:hover { background:#CC0000; }
div#menu_main ul li.recrutement a.courant, div#menu_main ul li.recrutement a:hover { background:#0166CB; }
div#menu_main ul li.contact a.courant, div#menu_main ul li.contact a:hover { background:#009898; }

/***** Home *****/

	/* Coordonnées */

div.grille_agence ul li.agence { float:none; width:100%; }	
div.grille_agence ul li.agence dl { background:none; }	
div#agences_accueil { width:100%; }	
div#agences_accueil ul { text-align:center; width:100%; }		
div#agences_accueil ul li dl dd { display:inline; text-align:center; }
div#agences_accueil ul li.agence { padding:10px 0; width:100%; height:auto; }
div#agences_accueil ul li dl { line-height:1em; }
div#agences_accueil ul li dl dd { font-size:75%; }
div#agences_accueil ul li.agence dl dt { text-align:center; }
div#agences_accueil ul li.agence dl dt a { padding:0; background:none; }

/***** Page références *****/

	/* Réalisations */

div#conteneur_realisations div.carousel-wrap { width:300px; }
div#conteneur_realisations ul.liste_realisations li { width:300px; }
div#conteneur_realisations ul.liste_realisations li dl dd { width:170px; }

	/* Témoignages */
	
div#conteneur_temoignages { position:relative; width:100%; }	
div#contenu_temoignage { width:100%; } 
div#conteneur_temoignages ul li { width:300px; height:200px; }
div#conteneur_temoignages ul li dl { width:270px; }

	/* Logos */
	
div#conteneur_logos div.carousel-wrap { width:255px; }
div#conteneur_logos ul.liste_logos li { width:255px; }

/***** Page Recrutement *****/

dl.liste_recrutement dt.postuler { display:none; }

/***** Page Contact *****/

	/* Plan d'accès */
	
div#agences_contact { width:100%; margin-bottom:20px; background:none; }	
div#agences_contact ul { width:100%; }
div#agences_contact ul li.agence { font-size:1em; background:none; text-align:center; width:100%; height:auto; /*80*/ }
div#agences_contact ul li.agence dl { width:100%; height:auto; }