/*
	~ reset.css ~
	
	- By BeliG
	- CSS de mise en forme.
	- Dernière màj : 12-01-10 
*/

a { color:#666; }
a:hover { color:#333; text-decoration:none; }

div.texte p { padding-bottom:10px; }
div.texte :last-child { padding-bottom:0; }

.souligne { text-decoration:underline; }
.align_center { text-align:center; }
/*.mef_1 { font-weight:bold; }*/
.size_150 { font-size:150%; }
.size_95 { font-size:90%; }
.size_250 { font-size:250%; }

.float_left { float:left; margin-right:10px; }
.float_right { float:right; margin-left:10px; }

.margin_top_20 { margin-top:20px; }
.padding_top_10 { padding-top:10px; }
.padding_bottom_10 { padding-bottom:10px; }
.margin_right_10 { margin-right:10px; }
.margin_bottom_10 { margin-bottom:10px; }

.mini_note { color:#999; font-size:90%; }

img.vertical_align { vertical-align:middle; }

/***** Images dans le contenu *****/

div.texte .img_fond { position:relative; padding-bottom:0; }
.img_fond img { position:absolute; top:50%; left:50%; }
.vignette_175 { width:175px; height:175px; background:transparent url(../img/vignette_175.png) no-repeat; }

/***** Titres *****/

.titre_graphique { position:relative; height:29px; /*30*/ padding-top:1px; line-height:30px; margin-right:2px; margin-left:13px; }
.titre_graphique span.coin_gauche { position:absolute; top:0; left:-19px; display:block; width:19px; height:30px; }
.titre_graphique span.intitule { letter-spacing:2px; color:#fff; display:block; padding-left:8px; margin-right:1px; height:100%; background:transparent url(../img/titres/titre_trans.png) repeat-x; }

.titre_graphique .ss_menu { position:absolute; top:0; right:7px; height:30px; line-height:32px; font-size:70%; text-transform:uppercase; color:#fff; }
.titre_graphique .ss_menu a { margin:0 2px; color:#fff; }
.titre_graphique .ss_menu a:hover { text-decoration:none; }

div.texte h3 { font-size:170%; font-weight:normal; padding-bottom:10px; }
div.texte h4 { font-size:145%; font-weight:normal; padding-bottom:10px; line-height:1.1; }

/***** Listes & Cie *****/

ul.modele_1 { overflow:hidden; padding-bottom:10px; }
ul.modele_1 li { padding-bottom:2px; text-transform:uppercase; font-weight:bold; font-size:95%; padding-left:18px; background:transparent url(../img/puce_2.png) no-repeat left 2px; }

ul.modele_1 li span { text-transform:none; }

ul.modele_1 li ul li {
text-transform:none;
background:none;
padding-bottom:5px;
color:#666; }

/***** Divers *****/

p.retour_haut { padding:10px 0; font-size:65%; text-align:right; }
p.retour_haut a { text-decoration:none; padding-right:15px; text-transform:uppercase; background:transparent url(../img/puce_haut.png) no-repeat right center; }

div.page p.retour_haut { padding-top:0; padding-right:10px; background:transparent url(../img/sepa_horizontal.png) repeat-x center bottom; }

div.texte div#bloc_chiffre { float:right; margin:0px 10px;}
div.texte div#bloc_chiffre p { text-align:center; padding-bottom:15px; font-weight:bold;}

/***** Flash & Déco *****/

div#diapo_societe_flash,
div#diapo_prestations_flash,
div#diapo_references_flash,
div#diapo_recrutement_flash,
div#diapo_contact_flash { width:617px; height:207px; position:absolute; top:-1px; left:0; }

/* accueil : 828x207 */
div#diapo_accueil_flash { position:absolute; top:1px; left:-1px; width:828px; height:207px; /*background:transparent url(../img/diapo_accueil.png) no-repeat;*/ }

/*
div#diapo_societe_flash { background:transparent url(../img/diapo_societe.png) no-repeat; }
div#diapo_prestations_flash { background:transparent url(../img/diapo_prestations.png) no-repeat; }
div#diapo_references_flash { background:transparent url(../img/diapo_references.png) no-repeat; }
div#diapo_recrutement_flash { background:transparent url(../img/diapo_recrutement.png) no-repeat; }
div#diapo_contact_flash { background:transparent url(../img/diapo_contact.png) no-repeat; }
*/

div#diapo_accueil_fond { position:relative; left:-2px; width:828px; height:208px; background:transparent url(../img/diapo_accueil_fond.png) no-repeat; }
div#diapo_fond { margin-bottom:20px; position:relative; left:-4px; width:619px; height:208px; background:transparent url(../img/diapo_contenu_fond.png) no-repeat; }

/***** Ambiances colorées :) *****/

	/* Vert */

.vert span.coin_gauche { background:transparent url(../img/titres/titre_coin_vert.png) no-repeat; }
.vert .titre_graphique { background:transparent url(../img/titres/titre_vert.png) repeat-x; }
.vert p.lien_bas a { color:#98CA33; }
div#slogan p.vert cite { color:#95C632; }

	/* Rouge */
	
.rouge span.coin_gauche { background:transparent url(../img/titres/titre_coin_rouge.png) no-repeat; }
.rouge .titre_graphique { background:transparent url(../img/titres/titre_rouge.png) repeat-x; }	
.rouge p.lien_bas a { color:#C70000; }
div#slogan p.rouge cite,
.rouge div.texte h3 { color:#CC0000; }

	/* Orange */
	
.orange span.coin_gauche { background:transparent url(../img/titres/titre_coin_orange.png) no-repeat; }
.orange .titre_graphique { background:transparent url(../img/titres/titre_orange.png) repeat-x; }	
.orange ul.modele_1 li,
.orange p.lien_bas a,
div#slogan p.orange cite,
.orange div.texte h3,
.orange .mef_1 { color:#FF9700; }

	/* Rouge orangé */
	
.ored span.coin_gauche { background:transparent url(../img/titres/titre_coin_ored.png) no-repeat; }
.ored .titre_graphique { background:transparent url(../img/titres/titre_ored.png) repeat-x; }	
.ored p.lien_bas a { color:#FF886A; }
.ored div.texte h3 { color:#FF3E00; }
.ored div.texte .mef_1,
.ored ul.modele_1 li,
div#slogan p.ored cite { color:#FF6600; }
.ored a.mef_1 { background:transparent url(../img/puce_3.png) no-repeat left 2px; padding-left:15px; color:#FF8C00; font-weight:normal; }

	/* Bleu */
	
.bleu span.coin_gauche { background:transparent url(../img/titres/titre_coin_bleu.png) no-repeat; }
.bleu .titre_graphique { background:transparent url(../img/titres/titre_bleu.png) repeat-x; }
.bleu p.lien_bas a { color:#4395C0; }

	/* Bleu foncé */
	
.bleufonce span.coin_gauche { background:transparent url(../img/titres/titre_coin_bleufonce.png) no-repeat; }
.bleufonce .titre_graphique { background:transparent url(../img/titres/titre_bleufonce.png) repeat-x; }
.bleufonce p.lien_bas a { color:#0158AE; }
div#slogan p.bleufonce cite,
.bleufonce div.texte h3 { color:#2A639C; }

	/* Vert chelou */
	
.vertchelou span.coin_gauche { background:transparent url(../img/titres/titre_coin_vertchelou.png) no-repeat; }
.vertchelou .titre_graphique { background:transparent url(../img/titres/titre_vertchelou.png) repeat-x; }
.vertchelou .mef_2,
.vertchelou .mef_1,
.vertchelou div.texte h3,
div#slogan p.vertchelou cite { color:#009090; }

/***** Réalisations // Boutons Suivant / Précédent *****/

div.carousel span.precedent { background:transparent url(../img/realisations/nav_prec.png) no-repeat; }
div.carousel span.suivant { background:transparent url(../img/realisations/nav_suiv.png) no-repeat; }
div.carousel span.nav_bouton { cursor:pointer; position:absolute; z-index:10; width:22px; height:22px; }
div.carousel span.nav_bouton a { text-indent:-9999px; display:block; width:100%; height:100%; }
div.carousel span.disabled { display:none; }

/***** Page d'accueil *****/

	/* Player */

div#video { background:transparent url(../img/video.png) no-repeat center bottom; }
div#player { width:313px; margin:0 auto; }	
	
	/* Réalisations */

div#boite_realisations { overflow:hidden; position:relative; background:transparent url(../img/realisations/rea_bg.png) no-repeat center 10px; padding-top:10px; }
div#boite_realisations ul.liste_realisations li { position:relative; z-index:10; width:400px; height:190px; }
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:absolute; top:-4px; left:17px; z-index:1; width:373px; background:transparent url(../img/realisations/rea_fond.png) no-repeat; }
div#boite_realisations ul.liste_realisations li dl dd img { position:absolute; top:25px; left:18px; width:330px; overflow:hidden; }
div#boite_realisations span.nav_bouton { z-index:15; bottom:8px; }
div#boite_realisations span.precedent { left:7px; }
div#boite_realisations span.suivant { right:7px; }

div#sepa_realisations { width:400px; height:27px; position:absolute; bottom:20px; left:50%; margin-left:-200px; z-index:3; background:transparent url(../img/realisations/rea_sepa.png) no-repeat; }

	/* Coordonnées */

div.grille_agence { overflow:hidden; }
div.grille_agence ul li.agence dl { background:transparent url(../img/sepa_vertical.png) repeat-y right center; }	
div.grille_agence ul li.agence { float:left; overflow:hidden; background:transparent url(../img/sepa_horizontal.png) repeat-x center top; }

div#agences_accueil { width:820px; }	
div#agences_accueil ul { width:822px; }		
div#agences_accueil ul li.big { padding:20px 0; text-align:center; }	
div#agences_accueil ul li.big dl dt { color:#FF8C00; padding-bottom:5px; font-size:95%; font-weight:bold; }
div#agences_accueil ul li.big dl dd { display:inline; font-size:75%; }
div#agences_accueil ul li.agence { width:274px; height:31px; line-height:31px; }
div#agences_accueil ul li.agence dl dt { font-size:75%; font-weight:bold; }
div#agences_accueil ul li.agence dl dt a { color:#999; padding:0 40px; text-decoration:none; background:transparent url(../img/puce_1.png) no-repeat 25px center; }
div#agences_accueil ul li.agence dl dt a:hover { color:#666; }

/***** Page Références *****/

	/* Réalisations */

div#conteneur_realisations { position:relative; height:190px; }

div#conteneur_realisations div.carousel-wrap { overflow:hidden; width:525px; margin:0 auto; }
div#conteneur_realisations ul.liste_realisations li { float:left; position:relative; width:175px; height:190px; }
div#conteneur_realisations ul.liste_realisations li dl dd { position:relative; margin:0 auto; width:170px; height:160px; background:transparent url(../img/vignette_170.png) no-repeat; }
div#conteneur_realisations ul.liste_realisations li dl dd img { position:absolute; top:8px; left:8px; }
div#conteneur_realisations ul.liste_realisations li dl dt { letter-spacing:1px; position:absolute; bottom:0; left:0; text-align:center; width:100%; height:25px; line-height:1.1; }

div#conteneur_realisations span.nav_bouton { top:72px; }
div#conteneur_realisations span.precedent { left:3px; }
div#conteneur_realisations span.suivant { right:3px; }

	/* Témoignages */
	
div#conteneur_temoignages { position:relative; width:100%; overflow:hidden; }	
	
div#conteneur_temoignages span.nav_bouton { top:50%; margin-top:-8px; }
div#conteneur_temoignages span.precedent { left:3px; }
div#conteneur_temoignages span.suivant { right:3px; }

div#quote_ouvre { width:41px; height:30px; position:absolute; top:0; left:10px; background:transparent url(../img/temoignages/quote_ouvre.png) no-repeat; }
div#quote_ferme { width:41px; height:28px; position:absolute; bottom:0; right:10px; background:transparent url(../img/temoignages/quote_ferme.png) no-repeat; }

div#contenu_temoignage { position:relative; margin:0 auto; width:510px; padding-top:20px; padding-bottom:40px; background:#fff; } 
div#conteneur_temoignages ul li { width:510px; height:150px; }
div#conteneur_temoignages ul li dl { width:480px; padding:0 15px; }
div#conteneur_temoignages dl dt { padding-left:50px; color:#990000; font-size:150%; padding-bottom:20px; }
div#conteneur_temoignages dl dd { letter-spacing:1px; }

	/* Logos */
	
div#conteneur_logos { position:relative; width:100%; }	

div#conteneur_logos span.nav_bouton { top:50%; margin-top:-11px; }
div#conteneur_logos span.precedent { left:3px; }
div#conteneur_logos span.suivant { right:3px; }	

div#conteneur_logos div.carousel-wrap { overflow:hidden; background:#fff; width:510px; height:150px; margin:0 auto; }
div#conteneur_logos ul.liste_logos li { height:127px; padding-top:3px; float:left; width:255px; overflow:hidden; text-align:center; }

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

dl.liste_recrutement { position:relative; padding-bottom:10px; }
dl.liste_recrutement dt { font-weight:bold; color:#2A639C; padding-bottom:10px; }
dl.liste_recrutement dd { padding-bottom:10px; }
dl.liste_recrutement dt.postuler { position:absolute; top:0; right:0; }
dl.liste_recrutement dt.postuler a { font-size:95%; font-weight:bold; color:#2A639C; text-transform:uppercase; padding-right:20px; background:transparent url(../img/puce_postuler.png) no-repeat right center; }

div.conteneur_temoignage { overflow:hidden; border-bottom:1px solid #ccc; }
div.conteneur_temoignage a { color:#2A639C; padding-left:12px; background:url("../img/tem_plus.png") no-repeat left 4px transparent; }
div.conteneur_temoignage.actif a { background-image:url("../img/tem_moins.png"); }
/*h3 + div.conteneur_temoignage { border-top:none; }*/
div.conteneur_temoignage p.pos_bogoss { float:right; /*border:1px solid #ccc;*/ background:#ddd; padding:5px !important; margin-left:10px; }
div.conteneur_temoignage p.pos_bogoss img { display:block; width:120px; }
/*
div.conteneur_temoignage p.pos_bogoss { position:absolute; bottom:0; right:0; margin-bottom:0 !important; padding-bottom:0 !important; }div.conteneur_temoignage p.padd_tedy,
div.conteneur_temoignage p.padd_arno { padding-right:190px; }*/

/***** Page Actualités *****/

div.actu { overflow:hidden; }
div.actu_titre { padding-bottom:20px; }
div.actu_titre h4 { padding-bottom:0; padding-top:5px; }
div.actu_titre span.date { color:#999; }
p.read_more a { padding-left:12px; background:transparent url(../img/article_plus.png) no-repeat left 4px; color:#FF9700; }
div.actif p.read_more a { background-image:url(../img/article_moins.png); }
div.more { padding-top:10px; clear:both; display:none; }

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

div.boite_pa { display:none; }

	/* Plan d'accès */
	
div#agences_contact { position:relative; width:610px; background-image:url(../img/sepa_horizontal.png); background-repeat:repeat-x; background-position:center bottom; }	
div#agences_contact ul { width:614px; }
div#agences_contact ul li.agence { width:307px; /*307*/ height:80px; /*80*/ }
div#agences_contact ul li.agence dl { line-height:1.1; font-size:75%; width:287px; /*307*/ height:70px; /*80*/ padding:5px 10px; }
div#agences_contact ul li dl dt { font-weight:bold; padding-bottom:10px; font-size:120%; color:#009090; }
div#agences_contact ul li dl dd.plan_acces a { font-size:90%; color:#009090; }

div#agences_contact ul li.big { text-align:center; }
div#agences_contact ul li.big dl { line-height:1.1; font-size:85%; padding:0 10px; padding-bottom:10px; }
div#agences_contact ul li.big dl dd.plan_acces { display:inline; position:relative; }

	/* Formulaires de contact */

form.template_defaut p { overflow:hidden; padding-bottom:5px; }

form.template_defaut p label { float:left; width:150px; }
form.template_defaut input.txt,
form.template_defaut select,
form.template_defaut textarea { width:230px; border:1px solid #B8BDC2; border-bottom-color:#E3E9EF; border-right-color:#E3E9EF; }
form.template_defaut textarea { font-family:Arial, sans-serif; font-size:100%; }
form.template_defaut select option { padding-right:10px; }

form.template_defaut .size_500 { width:410px; }
form.template_defaut input.size_50 { width:50px; }


/******* Page Assistance *****/

p.mef_bleu_sstitre { color:#2A639C; font-weight:bold; padding-bottom:10px; }
p.mef_pos_image { margin:10px 0 15px 0; text-align:center; }
	
	
ul#mef_ico_messagerie { overflow:hidden; width:560px; margin:20px auto 25px auto; }
ul#mef_ico_messagerie li { float:left; margin:0 20px; }	
ul#mef_ico_messagerie li a { color:#163a5e; display:block; width:100px;  text-align:center; text-decoration:none;  padding-top:95px; font-weight:bold; }	
ul#mef_ico_messagerie li a:hover { opacity:0.7; color:#000; }
ul#mef_ico_messagerie li a.link_red { color:#8F8F8F; }
ul#mef_ico_messagerie li a.link_red:hover { color:#000; }

ul#mef_ico_messagerie li a.outlook_express { background:url(../img/assistance/icone-outlook-express.png) no-repeat top center;  }	
ul#mef_ico_messagerie li a.outlook { background:url(../img/assistance/icone-outlook.png) no-repeat top center; }	
ul#mef_ico_messagerie li a.thunderbird { background:url(../img/assistance/icone-thunderbird.png) no-repeat top center; }	
ul#mef_ico_messagerie li a.webmail { background:url(../img/assistance/icone-webmail-imnalys.png) no-repeat top center; }	

div.messagerie_deroule { border:1px solid #d6dee7; background:#FFF; padding:20px 15px; } /* 590 - 30 = 560px */
div.messagerie_deroule h4 { color:#2A639C; font-size:140%; padding-bottom:20px; font-weight:bold; }
div.messagerie_deroule a { color:#2A639C; }

span.chevron_bleu { color:#2A639C; font-weight:bold; font-size:130%; padding-right:3px; }

span.mef_bleu_1 { color:#2A639C; font-weight:bold;  }

ul.mef_list_messagerie { margin-top:-5px; padding-bottom:5px; }
ul.mef_list_messagerie li { padding-left:35px; }