@import "init.css";
@import "menu.css";

/* tag */
body                { background: #F7F7F7; }
body                { font: 9pt/1.4em Arial, Verdana, Sans-serif; color: #000000; }
h1                  { font: 14pt/2.4em Arial, Verdana, Sans-serif; font-weight: bold; color: #959595; }
h2                  { font: 14pt/1.6em Arial, Verdana, Sans-serif; color: #959595; }
h3                  { font: 12pt/1.4em Arial, Verdana, Sans-serif; font-weight: bold; color: #959595; }
h4                  { font: 22pt/1.2em Arial, Verdana, Sans-serif; color: #111; background: url('../media/home/h1.png') no-repeat bottom left; }
h5                  { font: 9pt/1.4em Arial, Verdana, Liberation Sans; color: white; font-weight: bold; } 
h5                  { letter-spacing: 0.15em; height: 18px; padding: 4px 0 0 7px; }
h6                  { font: 9pt/1.4em Arial, Verdana, Liberation Sans; color: #333333; font-weight: bold; }
h6                  { margin: 0 0 4px 0; background: url('../media/home/h3.png') no-repeat bottom left; }
h7                  { font: 10pt/1.4em Arial, Verdana, Liberation Sans; color: #555555; font-weight: bold; } 
b, strong         	{ color:#333; }

/* class std */
.clear              { clear: both; font: 0pt/0em Arial; line-height: 0em; height: 0px; }
a                   { color: #0E60F6; font-weight: bold; text-decoration: none; }
a:hover             { color:#CC0000; }
#texte ul           { padding-left: 30px; }
#texte ul li        { font: 9pt/1.5em Arial, Verdana, Sans-serif; list-style:url('../media/site/puce.gif') square outside;   }
.date               { font: 9pt/1.4em Arial, Verdana, Liberation Sans; color: #DA6400; font-weight: bold;  }
a.souris            { font: 8pt/1.4em Arial, Verdana, Liberation Sans; font-weight:bold; background: url('../media/home/a.gif') no-repeat right; padding: 0 15px 0 0; }
a.souris:hover      { background: url('../media/home/a_hover.gif') no-repeat right; color:#CC0000; }
.fleft              { float: left; }
.fright             { float: right; }
.padright5          { padding-right: 5px; }
.padright10         { padding-right: 10px; }
.verticale          { float: left; width: 10px; }
.horizontale        { clear: both; width: 10px; height: 10px; font: 0pt/0em Arial; }
.trait              { clear: both; font: 0pt/0em Arial; height: 1px; padding: 4px 0 13px 0; background: url('../media/trait_actu.gif') no-repeat center left;}
.right              { text-align:right; }
ul.puce			    		{ padding-left: 30px; }
.puce li            { list-style:url('../media/home/puce.gif') square outside; }
.spacerheight15     {  height: 15px; }

/* site */
.site-white         { width: 100%; background: white; }
.site-menu          { width: 100%; background: url('../media/site/menu.jpg') repeat-x; height: 37px; }
.site-footer        { width: 100%; background: url('../media/site/foot.jpg') repeat-x; }
.top_titre                { font: 14pt/1.4em Arial, Verdana, Sans-serif; font-weight: bold; color: #959595; }

/* top */
#top                { width: 980px; margin: 0 auto; }
#top-left           { float: left; width: 350px; height: 80px; }
#top-right          { float: right; width: 630px; height: 70px; text-align: right; }
#top-right          { font: 9pt/1.4em Arial, Verdana, Sans-serif; text-decoration: none; color: #959595; padding-top:5px; }
#top-right a        { font: 9pt/1.4em Arial, Verdana, Sans-serif; text-decoration: none; color: #959595; }
#top-right .top_titre       { padding-top:30px; font-weight: normal; }    


/* footer */
#footer             { width: 980px; margin: 0 auto; padding: 10px 0 10px 0; }
#footer, #footer a, #footer b, 
#footer div         { font: 7pt/1.4em Arial, Verdana, Sans-serif; text-decoration: none; color: #787878; }
#footer h3          { background: url('../media/site/foot-h1.jpg') no-repeat bottom; }
#footer h3          { font: 7pt/1.8em Arial, Verdana, Sans-serif; color: #787878; font-weight: bold; }
#footer b           { font-weight: bold; }
#footer .block      { float: left; width: 450px; height: 65px; } 
#footer .pad-left   { padding-left: 80px;  }
#footer .block-logo { background: url('../media/site/foot-logo.jpg') no-repeat  80px 0px; padding-left: 120px; width: 400px; }

/* content */
#content            { width: 980px; margin: 0 auto; padding: 0 0 10px 0; }

/* page */
#visuel             { width: 978px; border: 1px solid #c3c3c3; }
#page               { width: 978px; border: 1px solid #c3c3c3; border-top:0; /*background: url('../media/site/fond_site.jpg') repeat-y top;*/ }
#page-left          { float:left; width: 629px; border: 1px solid #c3c3c3; border-bottom:0; border-top:0; border-left:0; }
#texte              { background: #FFFFFF; padding: 5px 4px 10px 10px; }
#contact            { float:left; width: 348px; }
#contact-form       { width: 328px; padding: 5px 10px 10px 10px; background: #FFF001; }
#realisations       { float: left; width: 348px; background: white; border-bottom: 1px solid #BEBEBE; }
#realisations-titre     { border-bottom: 1px solid #BEBEBE; background: #F7F7F7; height: 18px; padding: 6px 10px; }
#realisations-titre h3  { font: 10pt/1.4em Arial, Verdana, Sans-serif; color: #727272; }
.realisation-one        { padding: 5px 10px; background: white; width: 325px;}
.realisation-one-left   { float: left; width: 90px; height: 80px; }
.realisation-one-right  { float: right; width: 230px; text-align: left; }
#rail                   { padding: 6px 0 0 44px; width: 585px; height: 25px; background: url('../media/site/rail.png') no-repeat;  }
#rail a, #rail          { font: 10pt/1.4em Arial, Verdana, Sans-serif; text-decoration: none; color: #727272; }
#mailref-form       { margin: 1em 2em; padding: 5px 10px 10px 10px; background: #FFF001; border:1px solid #c3c3c3; }
.presentation-commerciale { padding: 5px 0 0 10px; }

/* home */
.general				{ width: 980px; height: 535px; background: url('../media/home/fond_img.jpg') no-repeat; }
.box          	{ float: left; padding: 10px 0 5px 0; }
.box-content  	{ border: 1px solid #d2d2d2; border-bottom:0; border-top:0; padding: 10px 10px 0 10px; }
.box-bigback  	{ background: url('../media/home/big_back.jpg') repeat-x; }
.box-fillback 	{ background: #FFFFFF; }
.box-smallback	{ background: url('../media/home/small_back.jpg') repeat-x; }
.home-left      { width: 453px ; height: 520px; margin : 0 0 0 5px; }
.home-left h5   { background: url('../media/home/home_left_top.jpg') no-repeat; }
.home-right		  { float: left; width: 453px ; height: 520px; margin : 0 0 0 13px; }
.home-mid       { width: 410px; background: url('../media/home/home_mid_bot.jpg') no-repeat bottom;}
.home-mid h5    { background: url('../media/home/home_mid_top.jpg') no-repeat; }
.home-right     { width: 500px; }
.home-right h5  { background: url('../media/home/home_right_top.jpg') no-repeat; }
.box .metiers   { padding: 0; }
.box .metiers li    	{ list-style: none; padding: 2px 0;}
.box .metiers li a  	{ display: block; height: 32px; padding: 0 0 0 36px; }
.box .metiers li a  	{ font: 11pt/2.2em Arial, Verdana, Liberation Sans; color: #333; }

a.lien		   				{ font: 8pt/1.4em Arial, Verdana, Liberation Sans; color: #1F4993; font-weight: bold; text-decoration: underline; }
a.lien:hover 				{ color: #DA6400; font-weight: bold; text-decoration: underline; }

a.lien_presentation				{ font: 8pt/1.4em Arial, Verdana, Liberation Sans; color: #000000; font-weight: bold; }
a.lien_presentation:hover	{ color: #DA6400; font-weight: bold; }

.presentation  				{ width: 453px; height: 352px; background:url('../media/home/fond_bloc.png') no-repeat top; }
.presentation .titre	{ font: 13pt/1.4em Arial, Verdana, Liberation Sans; color: #000000; padding: 20px 0 0 20px; }
.box-text       			{ padding: 1px 10px 0 20px; }
p.text_2f							{ color: #2F2F2F; }
.liens_bloc						{ width: 440px; height: 24px; background:url('../media/home/barre_jaune.jpg') repeat-x top; margin : 12px 0 0 7px; padding: 7px 0 0 0;}
.contactez_nous				{ float:left; width: 210px; padding: 0 0 0 15px;}
.plan_acces						{ float:left; width: 180px; }

.prestations ul	li			{ background: url('../media/home/puce_carree.gif') no-repeat; padding-left: 13px; }				
.prestations ul	li	a		{ font-weight: normal; }				
.prestations_left				{ width: 205px; height:139px; float: left; color: #1F4993; }/*border: 1px solid red;*/
.prestations_right			{ width: 210px; height:139px; float: left; color: #1F4993; margin: 0 0 0 5px; line-height: 25px; }
.phrase_titre						{ width: 470px ; height: 340px; margin : 0 0 0 0px; text-align: right; margin-top: 20px; }
.text_prestations				{ font: 10pt/1.4em Arial, Verdana, Liberation Sans; color: #48494A; font-weight: bold; }
.title									{ font: 25pt/1em Arial, Verdana, Liberation Sans; }
.blanc									{ color: #FFFFFF; }
.jaune									{ color: #F6DA31; }
.text_ss_titre					{ font: 11pt/1.4em Arial, Verdana, Liberation Sans; color: #AFAFAF; font-weight: bold; }
.titre_societe					{ font-weight: bold; }
.orange									{ color: #DA6400; }

.confiance							{ width: 440px; height: 153px; background: #FFFFFF; margin : 8px 0 0 8px; }
.confiance_haut					{ color: #FFFFFF; width: 425px; height: 22px; background: url('../media/home/barre_grise.jpg') repeat-x top; padding : 3px 0 0 15px; }
.confiance_content			{ height: 125px; width: 440px; }
.confiance_content_in		{ height: 125px; }
.confiance-right				{ float: left; width: 255px; font: 9pt/1.4em Arial, Verdana, Liberation Sans; margin: 10px 0 0 5px; }
.confiance-right p, .confiance-right span { width: 255px; }
.confiance-left					{ float: left; width: 145px; height: 105px; padding: 5px; margin : 0 0 0 10px; text-align: center;  }
.thumbnail							{ width: 154px; height: 111px; }
.lien_societe						{ float: right; width: 210px; text-align: right; margin: 5px 0 0 0; }

.titre_haut							{ float: left; width: 200px; }
.titre_haut_droite			{ float: right; width: 147px; text-align: right; padding-right: 3px; }
.nav_confiance, .nav_actus		{ float: left; width: 112px; overflow: hidden; }
.prev1, .prev2, next1, next2 	{ float: left;  }
.prev1						{ margin: 0; }
.prev2						{ margin: 0; }
.next1, .next2		{ margin: 0 0 0 2px; }

#nav1							{ float: left; height: 20px; }
#nav2							{ float: left; height: 20px; overflow: hidden; }
#nav1 a, #nav2 a	{ background: #FFFFFF; text-decoration: none; margin: 0 3px; padding: 0 5px 0 5px; }
#nav1 a.activeSlide, #nav2 .activeSlide { background: #96B2E1 }
#nav1 a:focus, #nav2 a:focus			     	{ outline: none; }

.box .actu								{ width: 496px; height: 153px; background: #FFFFFF; }
.actu_haut								{ color: #FFFFFF; width: 481px ; height: 22px; background:url('../media/home/barre_grise.jpg') repeat-x top; padding : 3px 0 0 15px; }
.actu_content							{ float: left; height: 118px; width: 476px; padding: 7px 10px 0px 10px; }
.actu_content_in					{ height: 125px; }
.actu-left           			{ float: left; height: 20px; padding: 5px 0 5px 0;  text-align: center; font-weight: bold; color: #666; bottom: 0px; }
.actu-left-logo						{ width: 80px; height: 80px; margin : 0 0 5px 0; } 
.actu-left a.lien		   		{ font: 8pt/1.4em Arial, Verdana, Liberation Sans; color: #1F4993; font-weight: bold; text-decoration: underline; }
.actu-left a.lien:hover 	{ color: #DA6400; font-weight: bold; text-decoration: underline; }
.actu-right            		{ float: right; padding-left: 10px; font: 9pt/1.4em Arial, Verdana, Liberation Sans; margin: 8px 0 0 0; font: 8pt/1.4em Arial, Verdana, Liberation Sans !important;}

.top-link								{ float: right; }
#btn_extranet						{ float: right; width: 144px; height: 20px; background: url('../media/home/btn_extranet.jpg')  no-repeat; color: #727272; font: 7pt/1.4em Arial, Verdana, Liberation Sans; font-weight: bold; margin : 25px 0 0 0;  text-align: left; padding: 4px 0 0 7px; }
#btn_extranet a.lien_extranet		{ color: #727272; font: 7pt/1.4em Arial, Verdana, Liberation Sans; font-weight: bold; text-decoration: none; }
#btn_extranet a.lien_extranet:hover	{ color: #DA6400; }

a.picto_web            	{ background: url('../media/home/picto_web.png')  no-repeat; }
a.picto_dev            	{ background: url('../media/home/picto_dev.png')  no-repeat; }
a.picto_heberg         	{ background: url('../media/home/picto_heberg.png')  no-repeat; }
a.picto_reseau         	{ background: url('../media/home/picto_reseau.png')  no-repeat; }
a.picto_web:hover      	{ background: url('../media/home/picto_web_on.png')  no-repeat #DDD; }
a.picto_dev:hover      	{ background: url('../media/home/picto_dev_on.png')  no-repeat #DDD; }
a.picto_heberg:hover   	{ background: url('../media/home/picto_heberg_on.png')  no-repeat #DDD; }
a.picto_reseau:hover  	{ background: url('../media/home/picto_reseau_on.png')  no-repeat #DDD; }
.home-link              { padding: 10px 0 5px 0; }
.home-link h5           { background: url('../media/home/home_right_top.jpg') no-repeat; }
.home-link            	{ width: 280px; background: url('../media/home/home_link_bot.jpg') no-repeat bottom; }
.link                 	{ border: 1px solid #d2d2d2; border-bottom:0; border-top:0; background: #eeeeee;  }
.link ul              	{ padding: 0; }
.link ul li           	{ list-style: none; height: 22px;  }
.link ul li a         	{ padding: 3px 4px 2px 22px; font: 9pt/1.4em Arial, Helvetica, sans-serif; display:block; color:#333333; font-weight: bold; }
.link ul li a.link-form         	{ background: url('../media/home/link_form.png') no-repeat;  }
.link ul li a.link-form:hover   	{ background: url('../media/home/link_form_over.png') no-repeat #CCCCCC; color:#000000; }
.link ul li a.link-acces        	{ background: url('../media/home/link_acces.png') no-repeat;  }
.link ul li a.link-acces:hover  	{ background: url('../media/home/link_acces_over.png') no-repeat #CCCCCC; color:#000000; }
.link ul li a.link-webmail      	{ background: url('../media/home/link_webmail.png') no-repeat;  }
.link ul li a.link-webmail:hover  { background: url('../media/home/link_webmail_over.png') no-repeat #CCCCCC; color:#000000; }
.login          { width: 100px; text-align: right; padding: 0 5px 10px 0; }  
.sample-left    { width: 90px; }
.sample-right   { width: 165px; }


/* formulaire de contact */
.form-left          { float: left; text-align: left; width: 70px; padding: 4px 5px 4px 0; }
.form-right         { float: left;  width: 245px; padding: 5px 0; }
.msgsent            { padding: 3px 5px; border: 1px solid #45CF00; color: #45CF00; background: #BADFA7;  }

/* références */
.left-legende       	{ float: left; text-align: right; width: 210px; padding: 0 10px 4px 0; }
.legende-creation			{ float: left; width: 15px; height: 15px; margin-right: 10px; background: #CF0000; }
.legende-dev					{ float: left; width: 15px; height: 15px; margin-right: 10px; background: #7F7C77; }
.legende-hebergement	{ float: left; width: 15px; height: 15px; margin-right: 10px; background: #4D41AF; }
.legende-maintenance	{ float: left; width: 15px; height: 15px; margin-right: 10px; background: #359F00; }
.nom-societe          { float: left; width: 500px; }

/* coda bubble */
.reference-type-ext   { z-index: 5; width: 605px; background: white; border: 1px solid #C3C3C3; padding: 2px; margin-bottom: 4px; }
.reference-type-in    { z-index: 100; width: 595px; padding: 5px; background: black; }
.reference-type-in h2	{ color: white; font: 10pt/1.2em Arial, Verdana, Sans-Serif; font-weight: bold; }
.reference-ext        { z-index: 5; width: 605px; background: white; border: 1px solid #C3C3C3; padding: 2px; margin-bottom: 4px; }
.reference-in         { z-index: 100; width: 595px; background: #DFDFDF; padding: 5px; }
.reference-info       { width: 595px; float: left; }
.reference-loupe      { width: 24px; float: left; }
.reference-pastilles  { width: 44px; float: right; }
.circle               { width: 15px; height: 15px; margin-right: 5px; }
.circle-1             { background: #FFCC00; }
.circle-2             { background: #669900; }
.circle-3             { background: #0099FF; }
.circle-4             { background: #CC0000; }
.circle-right         { width: 200px; font-weight: bold; }
.square               { width: 8px; height: 8px; margin-right: 3px; }
.square-1             { background: #FFCC00; }
.square-2             { background: #669900; }
.square-3             { background: #0099FF; }
.square-4             { background: #CC0000; }
.square-right         { width: 200px; font-weight: bold; line-height: 0.8em; padding: 0 0 5px 0; }
.puce-ref-1           { width: 12px; height: 15px; background: url(../media/site/puce-ref-1.gif) no-repeat; }
.puce-ref-2           { width: 12px; height: 15px; background: url(../media/site/puce-ref-2.gif) no-repeat; }
.puce-ref-3           { width: 12px; height: 15px; background: url(../media/site/puce-ref-3.gif) no-repeat; }
.puce-ref-4           { width: 12px; height: 15px; background: url(../media/site/puce-ref-4.gif) no-repeat; }
.puce-ref-right       { width: 200px; font-weight: bold; line-height: 1.5em; }


/* référencement */
.left-ref 					{ float:left; width: 25px; margin: 0 0 0 10px; }
.right-ref 					{ float:left; width: 510px; margin: 0 0 0 2px; font: 9pt/1.2em Arial, Verdana, Sans-Serif; padding: 0 0 15px 10px; /*border:1px solid red;*/ }
.right-ref .b				{ font: 10.5pt/1.2em Arial, Verdana, Sans-Serif; }
.right-ref .titre		{ font-weight: bold; font: 12pt/1.2em Arial, Verdana, Sans-Serif; margin: 0 0 15px 0; color: #555555; }
.bloc-orange 				{ width:375px; height: 100px; margin:10px auto; background: #DFDFDF; padding:20px 20px 5px 20px; font: 10.5pt/1.2em Arial, Verdana, Sans-Serif; color: #333333; }
.bloc-orange .titre { font-weight:bold; font: 13pt/1.2em Arial, Verdana, Sans-Serif; margin: 0 0 15px 0; }
.mod-l, .mod-r, .mod-l2	{ float: left; color: #333333; background: #FFF001; width:145px; text-align:center; font: 12pt/1.2em Arial, Verdana, Sans-Serif; margin: 10px 0 5px 0px; padding:10px 20px 10px 20px;}
.mod-r 							{ margin: 10px 0 5px 15px; }
.mod-l2 						{ padding:10px 10px 10px 10px; width:155px; }
.bs 								{ font-weight: bold; text-decoration:underline; font: 11pt/1.2em Arial, Verdana, Sans-Serif; }
.b 									{ font-weight: bold; } 
.arial11 						{ font: 11pt/1.4em Arial, Verdana, Sans-Serif; } 

.titre-client-referencement { background: url(../media/referencement/fleche-jaune.jpg) top left no-repeat; padding: 0 0 0 19px; font: 8.8pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold;  }
.client-referencement { width: 346px; margin: 10px 0 0 0; border:1px solid #FFF004; padding: 10px 0; }
.client-referencement-l { float: left; width: 145px; margin: 0 0 0 3px; }
.client-referencement-r { float: left; width: 170px; margin: 0 0 0 15px; padding: 0 5px 0 0; }
.in-l { float: left; width: 55px; margin: 10px 0 0 5px;}
.in-r { float: left; width: 274px; margin: 10px 0 0 5px; }



/* Marketing web */
.actu_mark							{ float: left; height: 190px; width: 565px; padding: 7px 10px 0px 10px; }
.actu_mark_in						{ height: 170px; }
.actu_mark_haut					{ color: #FFFFFF; width: 565px ; height: 22px; background:url('../media/home/barre_grise.jpg') repeat-x top; padding : 3px 0 0 15px; }
.actu_mark_haut .titre_haut					{ float: left; width:300px; }
.actu_mark_haut .titre_haut_droite	{ float: right; width: 35px; text-align: right; padding-right: 3px; }
.actu-mark-l           		{ width:150px; float: left; height: 160px; padding: 5px 0 5px 0;  text-align: center; font-weight: bold; color: #666; bottom: 0px; }
.actu-mark-l a.lien		   	{ font: 8pt/1.4em Arial, Verdana, Liberation Sans; color: #1F4993; font-weight: bold; text-decoration: underline; }
.actu-mark-l a.lien:hover { color: #DA6400; font-weight: bold; text-decoration: underline; }
.actu-mark-r        			{ width:400px;float: left; padding-left: 10px; margin: 8px 0 0 0; font: 10pt/1.4em Arial, Verdana, Liberation Sans !important;}
.actu-mark-r .titre				{ font-weight: bold; font: 12pt/1.2em Arial, Verdana, Sans-Serif; margin: 0 0 15px 0; color: #FAA757; }
#sitemap ul li.separ 			{ display: none; }

/* a:hover */
#footer a:hover, #top-right a:hover, #rail a:hover,
a:hover             { color: #1d52ff; }

/* Landing page */
.landing-page-titre		{ text-align: center; font: 13pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold; }
.landing-page-left            { float:left; width: 300px; padding-right: 10px; }
.landing-page-right          { float:left; width: 300px; }
.landing-page-bt		{ float: left; padding: 7px 15px; background-color: #FFDE01; font-weight: bold; margin-right: 20px; }
.landing-page-bt a		{ color: #000; }
.landing-page-bt2		{ float: left; width: 82%; margin-top: 18px; padding: 7px 15px; background-color: #FFDE01; font-weight: bold; }
.landing-page-fleche        { float: left; width: 55px; height: 89px; background: url(../media/landingpage/fleche.jpg) top no-repeat; }
.landing-page-confiance  { float: left; padding: 0 20px; }