/**** FEUILLE DE STYLE COME-IN ************************************************************************************/
/*****************************************************************************************************************************/
/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#333; text-align:center; background-color:#fff; }
td								{ font-size:12px; color:#333; }
input, select, textarea			{ font-size:12px; color:#333; vertical-align:middle; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:0 0; text-align:justify; }
form							{ margin:0; padding:0; }

/* couleurs */
.bleu							{ color:#0048ab; }
.rouge							{ color:#f00; }
.rouge2							{ color:#da1916; }
.color							{ color:#da1916; }

/* liens */
a								{ color:#0048ab; text-decoration:none; }
a:hover							{ text-decoration:none; }

/* listes */
ul, ul li						{ margin:0; padding:0; }
ul li							{ list-style-type:none; list-style-image:url(../img/li.gif); margin:0 0 0 40px; padding:0; text-align:justify; }

/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center					{ text-align:center; }
.left							{ float:left; }
.right							{ float:right; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.toppage						{ text-align:right; margin-bottom:10px; }
.toppage a						{ background-color:#da1916; color:#fff; font-size:10px; padding:0 10px; }
.toppage a:hover				{ background-color:#f00; color:#fff; text-decoration:none; }

/**** STRUCTURE ************************************************************************************/
#all, #all_extranet				{ position:relative; margin:auto; width:965px; text-align:left; margin-top:15px; }
#all							{ background:#fff url(../img/bg_page.gif) no-repeat 0 100%; }


/**** HEADER ************************************************************************************/
#header							{ height:75px; position:relative; }
#bandeau						{ margin-left:145px; height:72px; background:#e30116 url(../img/bg_header.gif) repeat-x 0 0; position:relative;  }
#bandeau h2						{ font:normal 24px Arial, Helvetica, sans-serif; color:#fff; position:absolute; top:15px; left:15px; }
#bandeau h3						{ font:normal 10px Arial, Helvetica, sans-serif; color:#fff; text-transform:lowercase; position:absolute; top:44px; left:15px; }
.logo							{ position:absolute; }
#logo_comein					{ top:0; left:0; }
#logo_sfr						{ top:0; left:58px; }
#logo_espacesfr					{ top:0; left:56px; }


#liensTop						{ position:absolute; top:2px; right:5px; }
#liensTop ul, #liensTop ul li	{ margin:0; padding:0; list-style-type:none; }
#liensTop ul li					{ margin:0; padding:0 2px; display:inline; }
#liensTop ul li a				{ margin:0; padding:0; color:#fff; font-size:10px; }


#back a							{ color:#999; font-size:10px; }

/**** FOOTER ************************************************************************************/
#footer							{ position:relative; margin:auto; width:965px; border-width:1px 0; border-style:solid; border-color:#bebebe; text-align:center; padding:5px 0; }
#footer ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#footer ul li					{ margin:0; padding:0; display:inline; color:#f00; }
#footer ul li a					{ margin:0; padding:0; color:#0048ab; font-size:10px; }
#footer ul li a:hover			{ color:#da1916; text-decoration:none; }
#coordFooter					{ display:none; }

/**** MENU ************************************************************************************/
#menu							{ background:url(../img/bg_menu.gif) repeat-x 0 0; height:55px; position:relative; margin-top:2px; }
#menu ul						{ margin:0; padding:0; list-style-type:none; position:absolute; top:3px; left:0; }
#menu ul li						{ display:inline; list-style-type:none; padding:0; margin:0; }
#menu ul li a					{ height:22px; float:left; padding:5px 20px 0 17px; margin:0 2px; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; background:url(../img/bg_onglet.gif) repeat-x 0 -27px;  }
#menu ul li.libleu a			{ background-position:0 -54px;  }
#menu ul li a:hover,
#menu ul li a.actif				{ color:#8c0014; background-position:0 0; text-decoration:none; }
#menu ul li.libleu a:hover,
#menu ul li.libleu a.actif		{ color:#0048ab; }

#subMenu						{ position:absolute; top:33px; left:0; width:100%; }
#subMenu ul, #subMenu ul li		{ margin:0; padding:0; list-style-type:none; display:inline; width:100%; text-align:center; }
#subMenu ul li a				{ height:16px; float:none; background:none; padding:2px 20px 0 20px; margin:0 2px; color:#8c0014; font:normal 12px Arial, Helvetica, sans-serif; }
#subMenu ul li a.actif			{ color:#e60000; text-decoration:none; border-bottom:2px solid #e60000; }
#subMenu ul li a:hover			{ color:#fff; text-decoration:none; border-bottom:2px solid #8c0014; background-color:#8c0014; }

/* outils */
#outils							{ position:absolute; top:30px; right:0; width:70px; text-align:right; }
#outils ul						{ text-align:right; }
#outils ul li					{ display:inline; list-style-type:none; margin:0 0 0 10px; }
#outils ul li a					{ color:#9d9d9d; font-size:10px; padding:2px 18px 2px 0; text-decoration:none; }
#outils ul li a:hover			{ color:#333; }
#outils ul li a.li_print		{ background:url(../img/print.gif) no-repeat 100% 20%; }


/**** CONTENT ************************************************************************************/
#content						{ padding:20px 0 0 0 ; height:auto !important; position:relative; float:left; width:760px; }
#fullcontent					{ padding:20px 0 0 0 ; height:auto !important; position:relative; background-color:#fff; }
#content #inc					{ padding:0 60px 0 20px; }

h1								{ font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#da1916; margin-bottom:10px; }
h1 strong						{ font:bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 span							{ color:#a00a14; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }
h4, h4 a						{ font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#da1916; letter-spacing:5px; margin:10px 0 0 0; }
h4 a:hover						{ color:#da1916; text-decoration:underline; }
h4 strong						{ font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#da1916; text-transform:uppercase; letter-spacing:0; margin:10px 0 0 0; }

.title							{ background-color:#da1916; font:normal 20px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 3px; color:#fff; text-transform:uppercase; }
.subTitle						{ padding-left:15px; background:url(../img/subtitle.gif) no-repeat 0 7px; font:normal 18px Arial, Helvetica, sans-serif; color:#333; }

/**** SIDEBAR ************************************************************************************/
#sidebar						{ padding:30px 0 5px 0; height:auto !important; position:relative; float:right; width:195px; }
#coordonnees					{ margin-bottom:10px; }


/* Coordonnées */
#coordonnees					{ background:#fff url(../img/bg_sidebar.gif) no-repeat 0 100%; padding:0 0 10px 0; }
#coordonnees ul					{ margin:0 0 5px 25px; padding:0; }
#coordonnees ul li				{ margin:0; padding:0; font-size:14px; }
#coordonnees ul li strong		{ font-weight:normal; color:#cd191e; }
#coordonnees .tel				{ font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cd191e; font-size:24px; text-align:center; font-weight:normal; }

.solutions_sidebar				{ position:relative; height:110px; margin-bottom:5px; }
.solutions_sidebar div			{ text-align:center; width:120px; position:absolute; top:10px; right:0; }
.solutions_sidebar strong a		{ display:block; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cd191e; text-decoration:none; }
.solutions_sidebar strong a:hover{ text-decoration:none; }
.solutions_sidebar a			{ font-size:11px; color:#0048ab; text-decoration:none; }
.solutions_sidebar a:hover		{ text-decoration:underline; }

/* Téléphonie fixe */
#solutionsVoix					{ background:#fff url(../img/bg_voix.gif) no-repeat 0 100%; }

/* Téléphonie mobile */
#solutionsData					{ background:#fff url(../img/bg_data.gif) no-repeat 0 100%; }

/* Internet */
#solutionsM2m					{ background:#fff url(../img/bg_internet.gif) no-repeat 0 100%; }
#solutionsM2m strong a			{ margin:10px 0 0 0; }

/* Applications Métiers */
#solutionsMetiers				{ background:#fff url(../img/bg_metier.gif) no-repeat 0 100%; }


/**** ACCUEIL ************************************************************************************/
#promo01, #promo02				{ margin-top:30px; }
#promo01						{ float:left; margin-right:5px; }
#promo02						{ background:url(../img/cadre_promo02.jpg) no-repeat 0 0; width:377px; height:207px; text-align:center; float:left; position:relative; }

/* Actus */
#visu_actus						{ width:354px; height:186px; margin:10px auto; padding:0; }

/* Affichage actu */
.content_actu					{ width:354px; height:186px; position:absolute; top:10px; left:10px;}
.content_actu img				{ position:absolute; top:0; left:0; z-index:-1; }

/* Description actus */
.description					{ background-image:url(../img/black-70.png); margin:0; padding:0 8px 0 8px; width:150px; height:186px; float:right; text-align:left; z-index:100; }
.description h1					{ color:#f00; font-size:15px; font-weight:bold; text-transform:uppercase; margin:5px 0 0 0; padding:0; }
.description strong				{ color:#fff; font-size:11px; }
.description p					{ color:#fff; font-size:11px; text-align:left; margin:10px 0 10px 0; padding:0; }
.description ul					{ margin:0; padding:0; }
.description li					{ background-color:#da1916; margin:1px 0; list-style-image:none; list-style-type:none; }
.description li a				{ color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; margin:0; padding:1px 8px; }
.description li a:hover			{ color:#700000; }

#event_2 h1, #event_3 h1		{ margin-top:15px; }
#event_5 h1						{ font-size:14px; }

/* Menu */
div#menu_actus					{ position:absolute; top:-18px; right:10px; clear:both; text-align:right; margin:0; padding:0; }
#ul_menu_actus,
#ul_menu_actus li				{ margin:0; padding:2px 0; }
#ul_menu_actus li				{ list-style:none; list-style-image:none; display:inline; }
#ul_menu_actus li a				{ font:bold 11px Arial, Helvetica; text-decoration:none; color:#d0d0d0; padding:2px 10px; border-width:1px 1px 0 1px; border-style:solid; border-color:#d0d0d0; }
#ul_menu_actus li a:hover,
#ul_menu_actus li a.actif		{ text-decoration:none; color:#333; background-color:#f3f5f4; border-width:1px 1px 0 1px; border-style:solid; border-color:#bebebe; }

/* Flash News */
#flashnews						{ background:url(../img/bg_flashnews.jpg) no-repeat 0 0; width:528px; height:142px; float:left; margin:10px 5px 0 0; position:relative; }
#flashnews .actu				{ position:absolute; top:40px; left:20px; width:480px; }
#flashnews marquee				{ font-size:14px; text-align:left; }

#flashnews_alt					{ width:528px; height:142px; float:left; margin:10px 5px 0 0; position:relative; }

div.linkCadre					{ position:absolute; bottom:5px; right:10px; text-align:right; }
.linkCadre a					{ color:#fff; text-decoration:none; }
.linkCadre a:hover				{ text-decoration:underline; }

/* Newsletter */
#newsletter						{ background:url(../img/bg_newsletter.gif) no-repeat 0 0; width:225px; height:142px; float:left; margin:10px 0 0 0; position:relative; }
.linkNewsletter					{ position:absolute; top:60px; right:10px; text-align:right; }
.linkNewsletter a				{ color:#0048ab; text-decoration:none; }
.linkNewsletter a:hover			{ text-decoration:underline; }

/* Widget */
#widget							{ margin:10px 0; }

/* Boutons */
/* ---- Gris ---- */

.btn {text-align:left;  overflow:hidden;  _overflow:visible;}

.btn, .btn strong, button.btn span {background:url(../img/btnRed3.png) no-repeat left top; vertical-align:middle;_overflow:visible;}

.btn, button.btn span {display:-moz-inline-box; display:inline-block; padding-left:90px;}

.btn strong{display:block; height:32px; padding: 0 100px 0 0;  color:#FFF; background-position:right top; line-height:22px; _width:1%; white-space:nowrap; cursor:pointer;vertical-align:middle;}

.btn span {vertical-align:middle;}

.btn img{vertical-align:middle;}

button.btn {border:0; margin:0; padding:0; padding-right:1px; display:inline; overflow:hidden; //overflow:visible; background:none; cursor:pointer}

button.btn span {overflow:visible; display:block; _width:1%; /*haslayout correcting bug*/}

button.btn span span {background:none; padding:0; width:auto; line-height:normal;}


/**** SOLUTIONS ************************************************************************************/
.cadreSolutionR					{ float:right; margin:30px 0 10px 50px; padding:15px 10px; border-left:5px solid #da1916; float:left; width:200px; }
.cadreSolutionL					{ float:left; margin:30px 0 10px 50px; padding:15px 10px; border-left:5px solid #da1916; float:left; width:400px; }
.visuSolutionL					{ float:left; margin:30px 0 0 0; }
.visuSolutionR					{ float:right; margin:30px 0 0 0; }

.solutions						{  }
dl.solution						{ border-left:5px solid #da1916; padding:0 10px; margin:20px 0; width:400px; }
dl.solution dt					{ font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#da1916; text-transform:uppercase; letter-spacing:0; margin:10px 0 0 0; }
dl.solution dd					{ margin:0; padding:2px 0 2px 10px; text-align:justify; border-bottom:1px dotted #dcaaaa; }
dl.solution dd ul				{ margin:0; padding-left:15px; }
dl.solution dd ul li			{ margin:0; padding-left:0; }

.skyInternet					{ background:url(../img/sky_technique.jpg) no-repeat 100% 0; }
.skyMobile						{ background:url(../img/sky_mobile.jpg) no-repeat 100% 0; }
.skyMobilePc					{ background:url(../img/sky_mobilite.jpg) no-repeat 100% 0; }
.skyMobilePc2					{ background:url(../img/sky_mobilite2.jpg) no-repeat 100% 0; }
.skyFixe						{ background:url(../img/sky_pro.jpg) no-repeat 100% 0; }
.skyMetier						{ background:url(../img/sky_metier.jpg) no-repeat 100% 0; }

ul.icoMetier li strong			{ font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#da1916; text-transform:uppercase; }
ul.icoMetier li					{ padding:0 0 15px 0; }
li.telematique					{ list-style:none inside url(../img/ico_telematique.gif); }
li.telemetrie					{ list-style:none inside url(../img/ico_telemetrie.gif); }
li.monetique					{ list-style:none inside url(../img/ico_monetique.gif); }
li.securite						{ list-style:none inside url(../img/ico_securite.gif); }

.terminaux						{ margin:20px auto; }

/**** PRESENTATION ************************************************************************************/
.presentation					{ margin:20px 0 0 0; }
.presentation img				{ float:left; margin-right:20px; }

/*
.cadre220						{ position:relative; width:220px; height:430px; float:left; background:url(../img/cadre220.gif) no-repeat top; margin:20px 2px 0 0; }
.cadre220 div					{ padding:0 15px; position:absolute; top:70px; text-align:center; }
.cadre220 h4					{ position:absolute; top:10px; left:10px; }
.cadre220 h4, .cadre220 h4 *	{ color:#fff; }

fieldset						{ border:none; margin:0; padding:0; }
.cadre212						{ position:relative; width:212px; float:left; margin:30px 10px 10px 0; }
.cadre212 .cadretop				{ background:url(../img/cadre212_top.gif) no-repeat top; padding-top:9px; }
.cadre212 .cadrebott			{ background:url(../img/cadre212_bott.gif) no-repeat bottom; padding-bottom:8px; }
.cadre212 fieldset				{ background:url(../img/bg_fieldset.gif) no-repeat top; }
.cadre212 fieldset div			{ padding:0 10px; min-height:350px; height:350px; }
.cadre212 fieldset div p		{ background-color:#fff; padding:10px 5px; margin:10px 0; border:1px solid #c9caca; text-align:left; height:270px; }
.cadre212 fieldset div ul		{ background-color:#fff; padding:10px 0; margin:10px 0; border:1px solid #c9caca; text-align:left; height:270px; }
.cadre212 fieldset div p span	{ color:#cd191e; font-weight:bold; }
.cadre212 fieldset div h4,
.cadre212 fieldset div h4 *		{ margin:0; color:#fff; }
.cadre212 fieldset div h4		{ margin:0 0 20px 0; text-align:center; }

.TrCol							{ background:#fff url(../img/bg_gris.gif) repeat-x 0 0; margin:30px 10px 10px 0; padding:15px; border:1px solid #bebebe; float:left; width:180px; }
.TrCol p						{ margin:10px 0; text-align:left; }
*/

/**** ARCHIVES NEWSLETTERS ************************************************************************************/
.archives						{ float:left; margin:40px 0 0 50px; }
.archives ul					{ color:#666; text-align:left; }
.archives ul li					{ font-size:10px; }
.archives ul li a				{ font-size:12px; }

.pdf							{ color:#aaa; font-size:10px; padding-left:10px; background:url(../img/pdf.gif) no-repeat 0 50%; }
.archives a.pdf:hover			{ color:#da1916; }


/**** NOS AGENCES ************************************************************************************/
.carte							{ float:left; margin:20px 0 0 0; }
.colAgences						{ background:#fff url(../img/bg_gris.gif) repeat-x 0 0; margin:50px 10px 10px 0; padding:15px 10px 15px 0; border:1px solid #bebebe; float:left; width:180px; }
.colAgences ul					{ margin:0; padding:0; text-align:left; }


/**** ENGAGEMENTS ************************************************************************************/
#engagements					{ float:left; width:430px; margin:30px 0 0 20px; }
#engagements ul,
#engagements ul li				{ list-style-type:none; list-style-image:none; }
#engagements ul li				{ margin:0 0 5px 15px; padding:0; font-size:13px;  }
#engagements ul li span			{ font-size:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#da1916; margin-right:8px; }


/**** REVUE DE PRESSE ************************************************************************************/
.tab_presse						{ margin:20px 0 0 0; width:650px; }
.tab_presse td img				{ width:150px; border-left:3px solid #e60000; }
.tab_presse td img:hover		{ border-left:3px solid #960000; }
.tab_presse th a				{ text-transform:uppercase; color:#e60000; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.tab_presse th a:hover			{ color:#960000; }
.tab_presse th span				{ color:#960000; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; }


/**** RECRUTEMENT ************************************************************************************/
.recrutement					{ margin:20px 2px 0 0; float:left; position:relative; }
#cadreLeft div					{ top:100px; right:20px; }
#cadreRight div					{ top:100px; right:65px; }
.recrutement div				{ position:absolute; text-align:right; width:212px; }
.recrutement div a				{ color:#e60000; font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:24px; }
.recrutement div a:hover		{ color:#0048ab; }


/**** CONTACT ************************************************************************************/
.address						{ text-transform:uppercase; color:#333; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; }
.address strong					{ text-transform:uppercase; color:#e60000; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 15px; }

/* Hotline */
.hotline						{ width:332px; height:77px; float:left; margin:0 5px 30px 0; padding:0; position:relative; }
.mentionAppel					{ font:italic 10px Arial, Helvetica, sans-serif; color:#999; text-align:right; }
.hotline div					{ position:absolute; top:10px; left:85px; border:none; }
.hotline p						{ color:#333; font:normal 10px Arial, Helvetica, sans-serif; margin:0; line-height:7px; }
.hotline strong					{ color:#e60000; font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; }


#form_contact					{ position:relative; width:686px; }
#div_coord						{ position:absolute; top:80px; left:10px; }
#div_sujet						{ position:absolute; top:56px; right:15px; }
#div_message					{ position:absolute; top:100px; right:15px; }

.tab_contact					{ margin:0; }
.tab_contact td *				{ vertical-align:bottom; }
.input_contact					{ width:180px; }

label							{ font-weight:normal; color:#333; }
#div_sujet label				{ color:#fff; }

input[type=text], select,
textarea, input[type=password]	{ border:1px solid #8796aa; }
input[type=text]:focus,
select:focus, textarea:focus,
input[type=password]:focus		{ border:1px solid #da1916; }

.small							{ text-align:center; font-size:10px; color:#777; }


/**** COEUR DU MONDE ************************************************************************************/
#videoVip						{ width:864px; margin:10px auto; }


/**** COEUR DU MONDE ************************************************************************************/
.legend							{ float:right; font-size:10px; color:#777; }

.contentAsso					{ margin:20px auto; width:820px; }
.colAsso						{ width:300px; float:left; }
.colAsso p						{ margin:0 0 10px 0; }
.logoAsso						{ width:180px; float:left; margin:0 20px; text-align:center; }
.logoAsso img					{ margin:0 0 10px 0; }
.logoAsso a						{ color:#999; font-size:10px; }
.logoAsso a:hover				{ color:#da1916; text-decoration:none; }


/**** PLAN DU SITE ************************************************************************************/
#planSite ul li a				{ text-decoration:underline; }
#planSite ul li a:hover			{ text-decoration:none; }

table.tabPlan					{ width:100%; }
table.tabPlan td				{ vertical-align:top; width:50%; }


/**** POPUP ************************************************************************************/
#popup							{ margin:40px 0; text-align:center; }
#popup strong					{ color:#da1916; }