/*

	CSS pour les smartphones ayant une résolution <= 480px

*/

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

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

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

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

.titre_graphique span.intitule { height:29px; line-height:29px; font-size:150%; }
div.texte h3 { font-size:2.5em; }
div.texte h4 { font-size:2em; }
p.retour_haut { display:none; }

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

body { width:480px; /* 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.margin_left_420 { margin-left:0; }
div.size_190 { float:left;width:240px;height:300px; }
div.size_190 div.texte { font-size:1.1em; }
div.boite div.boite_bas { letter-spacing:0; }
div#boites_190_accueil div.boite { float:left; margin-right:0; }
div#boite_realisations { background:none; }
div#boite_realisations ul.liste_realisations li { width:480px; 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; height:150px; width:auto; }
div#sepa_realisations { display:none; }
div#video { display:none; }
p.lien_bas { font-size:100%; width:100%; background:none; font-weight:bold; }

	/* 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 { top:5px; right:10px; }	
div#acces_rapide ul li.plan_site, div#acces_rapide ul li.actualites { display:none; /* caché */ }
div#acces_rapide ul li.langues span { display:none; /* caché */ }
div#acces_rapide ul li.langues ul li { padding-left:0; /* plus serré */ }

	/* Menu main */

div#menu_main { position:static; /* dans le flux */ height:auto; /*fluide*/ }
div#menu_main ul { padding-left:0; background:none; }
div#menu_main ul li { padding-right:0; background:none; }
div#menu_main ul li a { font-size:1.5em; /* plus petit */ font-weight:bold; /* plus gras */ letter-spacing:0; /* plus serré */ color:#333; /* plus contrasté */ border-bottom:3px solid #999; /* plus léger */ width:160px !important; /* de sorte à ce qu'il y en ai 3 par ligne */ }
div#menu_main ul li a.courant { color:#000; }

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

	/* Coordonnées */
	
div.grille_agence ul li.agence dl { background:none; }	
div#agences_accueil { width:100%; }	
div#agences_accueil ul { width:100%; }		
div#agences_accueil ul li dl dd { display:block; font-size:75%; text-align:center; }
div#agences_accueil ul li.agence { padding:10px 0; width:49.9%; height:100px; line-height:1.3em; }
div#agences_accueil ul li dl { font-size:1.5em; }
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:380px; }
div#conteneur_realisations ul.liste_realisations li { width:190px; }
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:380px; height:200px; }
div#conteneur_temoignages ul li dl { width:350px; }

	/* 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:1.5em; background:none; text-align:center; width:49.9%; height:200px; /*80*/ }
div#agences_contact ul li.agence dl { width:100%; }