/**** 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 5px 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; }
 


/**** STRUCTURE ************************************************************************************/
#all							{ position:relative; margin:auto; width:680px; text-align:left; margin-top:15px; }


/**** HEADER ************************************************************************************/
#header							{ height:54px; position:relative; }
#bandeau						{ margin-left:176px; height:53px; background:#e30116 url(../img/bg_header.gif) repeat-x 0 0; position:relative;  }
#bandeau h2						{ font:normal 20px Arial, Helvetica, sans-serif; color:#da1916; position:absolute; top:5px; left:15px; }
#bandeau h3						{ font:normal 9px Arial, Helvetica, sans-serif; color:#da1916; text-transform:uppercase; position:absolute; top:34px; left:15px; }
.logo							{ position:absolute; }
#logo_comein					{ top:0; left:0; }
#logo_sfr						{ top:0; left:58px; }
#logo_espacesfr					{ top:0; left:56px; }


/**** FOOTER ************************************************************************************/
#footer							{ position:relative; margin:auto; width:680px; text-align:center; border-width:1px 0; border-style:solid; border-color:#333; padding:5px 0; }
#coordFooter					{ display:block; color:#333; font-size:10px; }



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

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; }
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						{ 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; }

/**** ACCUEIL ************************************************************************************/
#promo02						{ width:377px; height:207px; text-align:center; float:left; }

/* Actus */
.content_actu #event_1			{ display:block; }

/* Flashnews */
#flashnews						{ border:2px solid #da1916; margin:10px 5px 0 0; padding:10px; position:relative; }
#flashnews p					{ font-size:14px; text-align:left; }


/**** 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; }
.skyFixe						{ background:url(../img/sky_pro.jpg) no-repeat 100% 0; }
.skyMetier						{ background:url(../img/sky_pro.jpg) no-repeat 100% 50%; }

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); }


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

/*
.cadre220						{ margin:10px 0; }

fieldset						{ border:none; padding:3px 0; }
.cadre212						{ margin:10px 0; }
.cadre212 fieldset				{ padding:10px; }

.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:155px; height:auto !important; min-height:350px; height:350px; }
.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:390px; 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; }
/*.recrutement img				{ width:300px; }*/
#cadreLeft div					{ top:100px; right:20px; }
#cadreRight div					{ top:100px; right:65px; }
.recrutement div				{ position:absolute; text-align:right; width:212px; }
.recrutement div a				{ text-transform:uppercase; color:#e60000; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px; }
.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; 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:6px; }
.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:top; }
.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 ************************************************************************************/
.contentAsso					{ margin:20px auto; width:680px; }
img.photoAsso					{ width:680px; }
.colAsso						{ width:245px; float:left; }
.colAsso p						{ margin:0 0 10px 0; }
.logoAsso						{ width:150px; 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%; }

.toppage, #back, #liensTop, #menu, #sidebar, #footer ul, #promo01, div.linkCadre, #newsletter, .description, div#menu_actus, #lightwindow *, #lightwindow_overlay	{ display:none; }














hr								{ margin:20px 0; color:#999; }
h1 select *						{ margin:0; padding:0; }

/* Couleurs */
.or								{ color:#ff0000; /*color:#960000;*/ }
.argent							{ color:#d20000; /*color:#d20000;*/ }
.bronze							{ color:#960000; /*color:#ff0000;*/ }

.negatif						{ color:#f02328; }
.positif						{ color:#6e9b19; }


/**** CONTENT/SIDEBAR ************************************************************************************/
#content_extranet				{ padding:30px 0; height:auto !important; position:relative; float:left; width:400px; }
#content_extranet #inc			{ padding:0; }
#sidebar_extranet				{ padding:30px 0; height:auto !important; position:relative; float:right; width:280px; }

#sidebar_extranet h5			{ color:#cd191e; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:inherit; margin:0; text-align:left; }

.mentionsBott					{ font-size:10px; color:#888; text-align:center; margin:0 0 10px 0; }

/**** CADRES ************************************************************************************/
.cadre							{ border:1px solid #bebebe; width:307px; height:117px; float:left; margin:10px 10px 0 0; position:relative; }
.cadre h4						{ color:#cd191e; font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0; position:absolute; top:5px; left:10px; margin:0; }
.cadre h4 span					{ color:#bebebe; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.cadre .indice					{ font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:5px; right:10px; }
.cadre p						{ font:normal 48px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:50px; text-align:center; }


/**** PODIUM ************************************************************************************/
#podium							{ position:relative; height:220px; }
#podium #bgPodium				{ margin:60px 0 0 0; }
#podium ul						{ position:absolute; top:30px; left:0; }
#podium ul li					{ margin:0; padding:0; display:inline; list-style-type:none; list-style-image:none; float:left; width:90px; text-align:center; }
#podium ul li p					{ font:normal 48px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; }
#podium ul li div				{ font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; float:left; width:90px; }
#podium ul li div strong		{ font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0; display:block; }
#podium ul li div span			{ font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; display:block; }

/*#podium ul li.pod_or div		{ background:#ff0000 url(../extranet/img/bg_or.jpg) repeat-x 0 0; }*/
#podium ul li.pod_or div span	{ color:#f00; }
ul li.pod_or div				{ padding:15px 0 0 0; }
ul li.pod_or p					{ color:#ff0000; padding:0 0 5px 0; }

/*#podium ul li.pod_argent div	{ background:#d00 url(../extranet/img/bg_argent.jpg) repeat-x 0 0; }*/
#podium ul li.pod_argent div span	{ color:#f00; }
ul li.pod_argent div			{ padding:20px 0 0 0; }
ul li.pod_argent p				{ color:#d00; padding:20px 0 5px 0; }

/*#podium ul li.pod_bronze div	{ background:#be0000 url(../extranet/img/bg_bronze.jpg) repeat-x 0 0; }*/
#podium ul li.pod_bronze div span	{ color:#f00; }
ul li.pod_bronze div			{ padding:18px 0 0 0; }
ul li.pod_bronze p				{ color:#960000; padding:40px 0 5px 0; }

.allResults						{ text-align:right; margin:10px 0; }
.allResults a					{ color:#e60000; font-size:10px; padding:1px 5px; }
.allResults a:hover				{ color:#fff; background-color:#e60000; }



/**** CHALLENGE ************************************************************************************/
#challenge						{ margin:20px 0 0 0; }
#challenge ul li				{ margin:0 0 0 10px; padding:0; list-style-type:none; list-style-image:none; }
#challenge ul li span			{ font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; }



/**** CHIFFRES ************************************************************************************/
.tab_chiffres					{ width:100%; margin:30px 0 0 0; }
.tab_chiffres th				{ width:25%; padding:2px 10px; border-bottom:2px solid #999; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-align:center; }
.tab_chiffres th.thLeft			{ text-align:left; }
.tab_chiffres tr.thGlobal th	{ font-size:20px; color:#cd191e; }
.tab_chiffres td				{ border-bottom:1px solid #999; text-align:center; padding:2px 10px; }
.tab_chiffres td.tdAgence		{ text-align:left; font-weight:bold; }



/**** SAISIE ************************************************************************************/
.tab_saisie						{ margin:0; }
.tab_saisie td					{ padding:3px; }
.tab_saisie td *				{ vertical-align:bottom; }
.tab_saisie th					{ color:#fff; padding:3px 5px; }
.tab_saisie th label			{ color:#fff; }
.tab_saisie input[type=text]	{ width:80px; }				

label.or,
label.argent, label.bronze		{ font-size:20px; }