﻿/* **********************
 *	Styles communs		*
 ************************/

/* TAGS par défaut */
body,td {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	color:#e6e6e6;
}
body {
	margin:0px;
	background-color:#2d3c41;
}
input, textarea, select {
	font-size: 11px; 
	color: #6A727A;
}

a img {
	border-width:0px;
	cursor:pointer;
}
.pointer {
	border-width:0px;
	cursor:pointer;
}


/* **********************
 *	Fond Contenu		*
 ************************/
.fond{
	height:493px;
	background-color:#3F4C51;
	border-left: solid 1px #5e696d;
	border-right: solid 1px #5e696d;
}

.bordureNoire {
	border-bottom: solid 1px #333333;
}

.txtIntro {
	background-color:#52646D;
	padding-right:26px;
	background-image:url(../im/home-bg-1.png);
	background-repeat:repeat-x;
	padding-bottom: 8px;
}
.HomeImagetitre{
	margin:12px 0px 0px 57px;
}
.homeBox
{
	width:280px;
	background-image:url(../im/boxRightBorder.png);
	background-position:279px 16px;
	background-repeat:no-repeat;
	float:left;
	height:207px;
	text-align:left;
}
.homeBox1
{
	width:810px; height:150px; background:none;
}
.homeBox ul
{
	padding:0; 
	margin:15px 0 0 57px;
}
.homeBox li
{
	list-style-image:url(../im/puceHome.gif);
	margin-bottom:14px;
}
.homeBox li ul
{
	padding-left:24px;
	margin:0;
}
.homeBox li ul li
{
	color:#cfcfcf;
	font-size:11px;
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	margin:0;
}

ul.vert li
{
	list-style-image:url(../im/puceSquareVert.gif);
}
.txtVert {
	color:#c4de32;
}

.lienVert{
	color:#c4de32;
}

.margeDroite {
	padding-right:24px;
}
.margeGauche {
	padding-left:24px;
}


.lienUrl{
	font-size:12px;
	color:#c4de32;
	text-decoration:none;
	text-align:right;
}
 
.bordureAdresse{
	font-size:10px;
	height:16px;
	border-top: solid 1px #878e91;
	border-bottom: solid 1px #878e91;
}

.bordureUrl{
	font-size:10px;
	height:16px;
	border-bottom: solid 1px #878e91;
}

.title_link_dark_left
{
	background-image:url(../im/home-title-link-bg.png);
}
.date
{
	font-size:15px;
}
.title_link_dark_right 
{
	background-image:url(../im/home-line-bg.jpg);
	background-color:#3a4b53;
	background-repeat:repeat-y;
	background-position:right top;
}

.paddingLeft
{
	padding-left:20px;
	padding-left:10px;
}
 
.Style1 {color: #a4d123}
 
.main_content
{
	background-image:url(../im/home-bg-main.png);
	background-repeat:repeat-x;
}

/* **********************
 *	Menu				*
 ************************/
 
#menu
{
	height:21px;
	width:553px;
	padding-left:290px;
	border-right:1px solid #5D6B6E;
	border-left:1px solid #5D6B6E;
}

#menu ul
{
	padding:0;
	margin:0;
	float:right;
}
 
#menu ul li
{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

#menu ul li a
{
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 25px 4px 25px;
	border-left:1px solid #5D6B6E;
	float:left;
	display:block;
	font-family:Arial;
	font-size:11px;
}

#agence #menu { background-image:url(../im/menuAgence.jpg); }
#agence #menu a { background-image:url(../im/menuAgenceOff.jpg); }
#agence #menu .selected .menuAgence { color:#28eaea; background-image:url(../im/menuAgenceOn.jpg); }
#agence #menu ul li a:hover { color:#28eaea; background-image:url(../im/menuAgenceOn.jpg); }

#bookAgence #menu { background-image:url(../im/menuBookAgence.jpg); }
#bookAgence #menu a { background-image:url(../im/menuBookAgenceOff.jpg); }
#bookAgence #menu .selected .menuBookAgence { color:#f079ed; background-image:url(../im/menuBookAgenceOn.jpg); }
#bookAgence #menu ul li a:hover { color:#f079ed; background-image:url(../im/menuBookAgenceOn.jpg); }

#references #menu { background-image:url(../im/menuBookAgence.jpg); }
#references #menu a { background-image:url(../im/menuBookAgenceOff.jpg); }
#references #menu .selected .menuBookAgence { color:#f079ed; background-image:url(../im/menuBookAgenceOn.jpg); }
#references #menu ul li a:hover { color:#f079ed; background-image:url(../im/menuBookAgenceOn.jpg); }

#contact #menu { background-image:url(../im/menuContact.jpg); }
#contact #menu a { background-image:url(../im/menuContactOff.jpg); }
#contact #menu .selected .menuContacts { color:#bf95fe; background-image:url(../im/menuContactOn.jpg); }
#contact #menu ul li a:hover { color:#bf95fe; background-image:url(../im/menuContactOn.jpg); }

#expertises #menu { background-image:url(../im/menuExpertises.jpg); }
#expertises #menu a { background-image:url(../im/menuExpertisesOff.jpg); }
#expertises #menu .selected .menuExpertises { color:#b5d117; background-image:url(../im/menuExpertisesOn.jpg); }
#expertises #menu ul li a:hover { color:#b5d117; background-image:url(../im/menuExpertisesOn.jpg); }

#dotnet #menu { background-image:url(../im/menuPartenaires.jpg); }
#dotnet #menu a { background-image:url(../im/menuPartenairesOff.jpg); }
#dotnet #menu .selected .menuDotNet{ color:#b5d117; background-image:url(../im/menuPartenairesOn.jpg); }
#dotnet #menu ul li a:hover { color:#b5d117; background-image:url(../im/menuPartenairesOn.jpg); }

#menu .menuBookAgence 	{ width:65px; }
#menu .menuExpertises 	{ width:50px; }
#menu .menuAgence 		{ width:47px; }
#menu .menuDotNet 		{ width:90px; }
#menu .menuContacts 	{ width:40px; }


/* **********************
 *	Page contenu		*
 ************************/

#agence .content { width:600px; padding:5px 5px 40px 8px; text-align:justify; float:left; }
#bookAgence .content { width:550px; padding:5px 5px 40px 8px; text-align:justify; float:left; }
#bookAgence .content a { color:#c4de32; text-decoration:underline; float:right; }
#contact .content { width:550px; padding:5px 5px 40px 8px; text-align:justify; float:left; }
#contact .content a { color:#b98afe; text-decoration:underline; }
#expertises .content { width:680px; padding:5px 5px 40px 8px; text-align:justify; float:left; }
#dotnet .content { width:480px; padding:5px 5px 40px 8px; text-align:justify; float:left; clear:both; }
#dotnet .content a { color:#fdb507; text-decoration:underline; float:right; }
#references .content { width:340px; padding:5px 5px 0px 26px; text-align:justify; float:left; clear:both; }
#references .navigation{ padding: 10px 10px 10px 26px; }

