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

/* tag */
body                	{ background: #F7F7F7; }
body                	{ font: 9pt/1.4em Arial, Verdana, Sans-serif; color: #000000; }
h1                  	{ font: 14pt/1.4em Arial, Verdana, Sans-serif; font-weight: bold; color: #959595; }
h2                  	{ font: 14pt/1.4em 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 */
#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 h1           { 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 h1                   { background: url('../media/site/foot-h1.jpg') no-repeat bottom; }
#footer h1                   { 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 5px 10px; }
#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 h2       { 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; }

/* 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: 5px 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:165px; float: left; color: #1F4993; }/*border: 1px solid red;*/
.prestations_right			{ width: 210px; height:165px; float: left; color: #1F4993; margin: 0 0 0 5px; line-height: 25px; }
.phrase_titre				{ width: 470px ; height: 334px; margin : 0 0 0 10px; text-align: right; margin-top: 27px; }
.text_prestations			{ color: #48494A; font-weight: bold; }
.title						{ font: 25pt/1.4em Arial, Verdana, Liberation Sans; }
.blanc						{ color: #FFFFFF; }
.jaune						{ color: #F6DA31; }
.text_ss_titre				{ font: 11pt/1.4em Arial, Verdana, Liberation Sans; color: #737373; 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-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; }


#sitemap ul li.separ 						{ display: none; }



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