/***** GLOBAL *****/

body {
	background: url("/images/bg/bg.gif") #CCCCCC top left repeat-x;
	margin: 15px 0px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

form {
	margin:0px;
}

a:focus, a:active{outline: none;}

.killer{
	clear:both;
	line-height:1px;
	height:0px;
	margin-top: -1px;
}

img{ border:0px; }

.erreur {
	color: #FFFFFF;
	border: 1px solid #333333;
	background-color:#666666;
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	text-align:center;
}

.ok {
	font-weight:bold;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	text-align:center;
	border:1px solid #339900;
	background-color: #F0FDEC;
	color:#339900;

}
a.orange, a.orange:link, a.orange:visited, a.orange:hover {color:#FF9900 !important;}

/***** MASTER *****/

.master{
	width: 956px;
	height: 98px;
	background:url("/images/communication/web-agency.jpg") top no-repeat;
	margin: 0px auto 0px auto;
}

.master .logo{
	float: left;
	width: 280px;
	padding: 10px 0px 0px 10px;
}

.master .logo h1{
	color: #999999;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:normal;
}

.master .master_right {
	float: right;
}

.master .master_right .links{
	margin: 5px 10px 0px 22px;
}

.master .search {
	/*background:url("/images/bg/recherche.gif") top no-repeat;*/
	width:200px;
	height:26px;
	margin:6px 2px 0px 0px;
	padding:21px 0px 0px 22px;
}

.master .search .input {
	font-size:11px;
	border:1px solid #737373;
	width:155px;
}

/***** NAVIGATION *****/
.navigation {
	width: 954px;
	height:22px;
	padding: 0px 0px 5px 0px;
	background:url("/images/nav/barre.gif") bottom no-repeat;
}

.navigation a, .navigation a:link, .navigation a:visited{ 
	display:block;
	float:left; 
	width:106px;
	height:18px;
	font-size:12px; 
	background:url("/images/nav/off.gif") top no-repeat;
	text-align:center;
	padding-top:4px;
	color:#333333;
	text-decoration:none;
}

.navigation a:hover{
	color:#FFFFFF;
	text-decoration:none;	
}

.navigation #agence:hover, .navigation #agence_on{
	color:#FFFFFF;
	background:url("/images/nav/agence.gif") top no-repeat;
}

.navigation #conseil:hover, .navigation #conseil_on{
	color:#FFFFFF;
	background:url("/images/nav/conseil.gif") top no-repeat;
}

.navigation #graphisme:hover, .navigation #graphisme_on{
	color:#FFFFFF;
	background:url("/images/nav/graphisme.gif") top no-repeat;
}

.navigation #sites:hover, .navigation #sites_on{
	color:#FFFFFF;
	background:url("/images/nav/sites.gif") top no-repeat;
}

.navigation #communication:hover, .navigation #communication_on{
	color:#FFFFFF;
	background:url("/images/nav/communication.gif") top no-repeat;
}

.navigation #referencement:hover, .navigation #referencement_on{
	color:#FFFFFF;
	background:url("/images/nav/referencement.gif") top no-repeat;
}

.navigation #hebergement:hover, .navigation #hebergement_on{
	color:#FFFFFF;
	background:url("/images/nav/hebergement.gif") top no-repeat;
}

.navigation #impression:hover, .navigation #impression_on{
	color:#FFFFFF;
	background:url("/images/nav/impression.gif") top no-repeat;
}

.navigation #realisations:hover, .navigation #realisations_on{
	color:#FFFFFF;
	background:url("/images/nav/realisations.gif") top no-repeat;
}


/***** PAGE *****/

.page{
	width: 954px;
	padding: 0px 1px 0px 1px;
	background:url("/images/bg/page.gif") top repeat-y;
	margin: 0px auto 0px auto;
}

.page .gauche{
	float: left;
	width: 220px;
	padding-bottom:20px;
}

.page .gauche .txt {
	font-size:12px;
	padding: 10px 10px 10px 20px;
	text-align:justify;
}

.page .gauche .txt a, .page .gauche .txt a:link, .page .gauche .txt a:visited {
	color:#000000;
	text-decoration:underline;
}

.page .gauche .txt a:hover{
	text-decoration:none;
}

.page .gauche .on {
	background-color:#E2E2E2;
}


.page .centre{
	float: left;
	width: 514px;
}

.page_contenu{
	width: 484px;
	padding: 10px 15px 20px 15px;
	text-align:justify;
	font-size: 12px;
}

.page_contenu span{
	font-size:11px;
	color:#666666;
}

.page_contenu h4 {
	width:454px;
	font-weight:normal;
	font-size:12px;
	font-style:italic;
	margin:10px 0px;
	text-align:justify;
}
.page_contenu p {margin:0px; }

.page_contenu .inv:link, .page_contenu .inv:visited{
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}

.page_contenu .inv:hover{
	text-decoration:none;
}

.page .droite{
	float: left;
	width: 220px;
}

.droite .bloc{
	width: 196px;
	background:url("/images/bg/bloc-droite.gif") top repeat-y;
	margin: 10px auto 10px auto;
}

.droite .bloc .content{
	padding: 0px 15px 0px 15px;
}

.droite .references{
	margin: 10px 0px 10px 0px;
	text-align:center;
}

.droite .references img{
	margin: 5px 10px 5px 0px;
}

.droite .recrutement {
	margin: 10px auto 10px auto;
	width:170px;
	height:48px;
	background:url("/images/bg/bloc-recrutement.jpg") top no-repeat;
	color:#999999;
	padding:113px 13px 0px 13px;
}
.droite .recrutement a, .droite .recrutement a:link, .droite .recrutement a:visited {color:#FF9900;text-decoration:underline;}
.droite .recrutement a:hover {color:#FF9900;text-decoration:none; }


/***** RECHERCHE *****/
.centre .page_contenu .recherche {
	font-size:11px;
}

.centre .page_contenu .recherche ul{
	margin: 0px;
	padding: 0px 0px 10px 18px;
}

.centre .page_contenu .recherche li{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style:decimal;
}

.centre .page_contenu .recherche .resultat:link, .centre .page_contenu .recherche .resultat:visited{
	font-size:12px;
	color:#666666;
	text-decoration:underline;
	font-weight:bold;
}

.centre .page_contenu .recherche .resultat:hover{
	text-decoration:none;
}

.centre .page_contenu .recherche li span {
	font-size:11px;
	font-weight:normal;
	color:#000000;
	padding-bottom:5px;
	display:block;
}

.centre .page_contenu .recherche li span a{  font-size:11px; font-weight:normal; color:#000000; text-decoration:none; }
.centre .page_contenu .recherche li span a:link, .centre .page_contenu .recherche li span a:visited{ font-size:11px; font-weight:normal; color:#000000; text-decoration:none; }
.centre .page_contenu .recherche li span a:hover{ text-decoration:underline;  }

/*
.centre .page_contenu .recherche li a{ font-size:11px; color:#999999; text-decoration:underline; }
.centre .page_contenu .recherche li a:link, .centre .page_contenu .recherche li a:visited{ font-size:11px; color:#999999; text-decoration:underline; }
.centre .page_contenu .recherche li a:hover{ font-size:11px; color:#999999; text-decoration:none;  }

.centre .page_contenu .recherche li span {
	font-size:11px;
	font-weight:normal;
	color:#000000;
}
.centre .page_contenu .recherche li span a{  text-decoration:none; }
.centre .page_contenu .recherche li span a:link, .centre .page_contenu .recherche li span a:visited{ text-decoration:none; }
.centre .page_contenu .recherche li span a:hover{ text-decoration:underline;  }
*/

/***** RECRUTEMENT *****/

.form_tab{
	margin-top: 10px;
}

.form_tab td{
	padding-top: 7px;
	vertical-align:top;
}

.form_tab .input{
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #999999;
	padding:1px 2px;
	font-size:11px;
}

.form_tab select{
	font-size:11px;
}

/***** FOOTER *****/

.footer{
	width: 956px;
	height: 29px;
	background:url("/images/bg/footer.gif") top no-repeat;
	margin: 0px auto 0px auto;
	color:#999999;
	font-size:10px;
}

.footer .adresse {
	padding: 7px 0px 0px 10px;
	float:left;
}

.footer .adresse a, .footer .adresse a:link, .footer .adresse a:visited {
	color:#999999;
	text-decoration:none;
}

.footer .adresse a:hover{
	text-decoration:none;
}


.footer .links{
	float:right;
	padding: 7px 10px 0px 0px;
}

.footer .links a, .footer .links a:link, .footer .links a:visited {
	color:#999999;
	text-decoration:underline;
}

.footer .links a:hover{
	text-decoration:none;
}
.footer .trait{
	border-top: 1px dashed #CCCCCC;
	height: 1px;
}

.footer2 {
	width: 956px;
	margin:4px auto 0px auto;
	font-size:10px;
	text-align:center;
	color:#666666;
}