body {
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	color: #333333;
	line-height: 1.3em;
}

/* redéfinition des balises HTML
-----------------------------------------*/
a:link, a:visited {
	color: #919191;

}
a:hover {
	color: #3C6FB7;/*bleu logo*/
}


* {
	font-family: Tahoma, sans-serif;
	padding: 0px;
	margin: 0px;
}
h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 14px;
}

h2 {
	color: #999999;
	font-weight: normal;
	font-size: 16px;
}
/*h3 {
	color: #000;
	font-size: 12px;
}*/
h3 {
	font-size: 12px;
	padding-bottom: 2px;
	color:  #000;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/interface/fond_h3.gif);
	background-position: left 18px;
	margin-bottom: 8px;
	background-repeat: no-repeat;
}

#sectionBas p, #sectionBas ul {
	margin-bottom: 16px;
}
#colCentre li, #colGauche li {
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	background-image: url(../images/interface/puces_fleches/puce.gif);
	padding-left: 13px;
}
#colCentre p strong {
	color: #000000;
}

#colCentre h1, #colGauche h1 {
	color: #3C6FB7;/*bleu logo*/
	text-transform: none;
	font-weight: normal;
	font-size: 20px;
	text-align: right;
	margin-bottom: 0px;
	line-height: 1.2em;
}
#colGauche h1 {
	text-align: left;

}



/* squelette
-----------------------------------------*/

#entete {
	height: 70px;
	padding-top: 4px;
	clear: both;
	display: block;
}
#entete #logoEntete {
	position: absolute;
	left: 20px;
}
.supplementMenu {
	width: 100%;
	padding: 3px 0px 3px 292px;
	display: block;
	clear: both;
	margin: 0px;
}
#sectionBas {
	width: 800px;
	display: block;
	clear: both;
}

#sectionBas #colGauche {
	width: 245px;
	float: left;
	padding: 8px 22px 8px 20px;
	min-height: 222px;
}

#sectionBas #colCentre {

	width: 470px;
	padding: 8px;
	float: left;
	/*margin-left: 270px;*/

}
#piedPage {
	width: 100%;
	padding-top: 5px;
	clear: both;
	background-image: url(../images/interface/filets/filet_horizon_fade1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
#piedPage .menuEntete {
	display: block;
	width: 275px;
	float: left;
	text-align: right;
	padding-right: 15px;
}

#piedPage p {
	font-size: 9px;
	color: #A8A8A8;
	margin-left: 5px;
}

.base{/* Le fond par défaut */
	background-image: url(../images/fond2.jpg);
	background-repeat: no-repeat;
	background-position: -16px 60px;
}
/* Le slogan
---------------------------------------------------------*/

#slogan {
	text-transform: uppercase;
	float: left;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	display: none;
	visibility: hidden;
}
#pageIntro #slogan, #pageProfil #slogan {

	display: block;
	visibility: visible;
}
#slogan p {
	line-height: 1.35em;
}


/* Galerie d'introduction aux réalisations
-----------------------------------------*/

.folio {
	width: 100%;
	clear: both;
	background-image: url(../images/interface/filets/filet_horizon_fade1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
	height: 116px;
}
.folio .titre {
	display: block;
	float: left;
	width: 290px;
	vertical-align: middle;
	text-align: center;
	height: 50px;
	background-color: #FFFFFF;
}
.titre h1 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 27px;
	color: #9D9D9D;
}

.folio .captures {
	display: block;
	float: left;
}
.folio .captures img {
	margin-right: 22px;
	padding-bottom: 16px;
	background-image: url(../images/interface/ombre_image.gif);
	background-position: bottom;
	background-color: transparent;

}

.folio #fleche {
	float: left;
	margin-top: 26px;
}


/* Page Intro
---------------------------------------------------------*/
#pageIntro {
	background-image: url(../images/fond1.gif);
	background-repeat: no-repeat;
	background-position: -16px 60px;
}



/* Pages des services
-----------------------------------------------------------------------------------------*/

/* Site web transactionnel */


#pageTransac #actuelTransac{
	background-image: url(../images/interface/menu_services/transac2.gif);
	color: #3C6FB7;
}
#menuTransac a:link, #menuTransac a:visited {
	background-image: url(../images/interface/menu_services/transac1.gif);
}
#menuTransac a:hover {
	background-image: url(../images/interface/menu_services/transac2.gif);
	color: #3C6FB7;
}
#pageTransac #colCentre li{
	text-decoration: none;
	display: block;
	list-style-type: none;
	background-image: url(../images/interface/puces_fleches/coche.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Site web simple */

#pageSimple #actuelSimple{
	background-image: url(../images/interface/menu_services/simple2.gif);
	color: #3C6FB7;/*bleu logo*/
}
#menuSimple a:link, #menuSimple a:visited {
	background-image: url(../images/interface/menu_services/simple1.gif);
}
#menuSimple a:hover {
	background-image: url(../images/interface/menu_services/simple2.gif);
	color: #3C6FB7;/*bleu logo*/
}

/* Programmation et base de données */

#pageProgrammation {
	background-image: url(../images/fond3.jpg);
	background-repeat: no-repeat;
	background-position: -16px 60px;
}

#pageProgrammation #actuelProgrammation{
	background-image: url(../images/interface/menu_services/programmation2.gif);
	color: #3C6FB7;/*bleu logo*/
}
#menuProgrammation a:link, #menuProgrammation a:visited {
	background-image: url(../images/interface/menu_services/programmation1.gif);
}
#menuProgrammation a:hover {
	background-image: url(../images/interface/menu_services/programmation2.gif);
	color: #3C6FB7;/*bleu logo*/
}
#pageProgrammation #colCentre li{
	text-decoration: none;
	display: block;
	list-style-type: none;
	background-image: url(../images/interface/puces_fleches/coche.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#pageProgrammation #sectionBas #colGauche {
}

#pageProgrammation #colCentre h1 {
	text-align: left;
}

/* Création */

#pageCreation #actuelCreation{
	background-image: url(../images/interface/menu_services/creation2.gif);
	color: #3C6FB7;/*bleu logo*/
}
#menuCreation a:link, #menuCreation a:visited {
	background-image: url(../images/interface/menu_services/creation1.gif);
}
#menuCreation a:hover {
	background-image: url(../images/interface/menu_services/creation2.gif);
	color: #3C6FB7;/*bleu logo*/
}
#pageCreation #colCentre li{
	text-decoration: none;
	display: block;
	list-style-type: none;
	background-image: url(../images/interface/puces_fleches/coche.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}


/* Pages des réalisations
-----------------------------------------------------------------------------------------*/
#pageRealisations {
	background-image: url(../images/fond1.jpg);
	background-repeat: no-repeat;
	background-position: -16px 60px;
}

#pageRealisations .folio {
	display: none;
}
#pageRealisations #colGauche  {
}
#pageRealisations #sectionBas {
	width: 100%;
	vertical-align: top;
}
#pageRealisations #colCentre {
	padding-top: 30px;
	padding-left: 0px;
	width: 700px;
	float: none;
	margin-left: 283px;

}

#colCentre .galerie {
	background-repeat: repeat-x;
	background-position: top;
	display: inline;
	width: 248px;
	float: left;
	margin-right: 8px;
}

.galerie img {
	/* min-height: 149px; */
	width: 222px;
	padding-bottom: 17px;
	background-image: url(../images/interface/ombre_image.gif);
	background-position: bottom;
	background-color: transparent;

}
#pageRealisations h1 {
	color:  #A9A9A9;
	text-align: left;
	margin-bottom: 14px;
}

#colCentre .galerie .blocInfo {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#colCentre .galerie .autreCapture {
	width: 100%;
}
#colCentre .galerie .autreCapture img {
	float: left;
}

#colCentre .galerie .blocInfo li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0px;
	margin-top: 0px;
	background-image: none;
	padding-left: 0px;
}

/* Page Contact
---------------------------------------------------------*/
#pageContact {
	background-image: url(../images/fond2.jpg);
	background-repeat: no-repeat;
	background-position: -16px 60px;
}

#pageContact #colCentre h1 {
/*	color:  #A9A9A9;
*/	text-align: left;
	margin-bottom: 14px;
}
#coordonnes {
	text-align: left;
	display: block;
	width: 180px;
}
/* Page Profil
---------------------------------------------------------*/
#pageProfil {
	background-image: url(../images/fond2.jpg);
	background-repeat: no-repeat;
	background-position: -16px 60px;
}
#pageProfil .supplementMenu img{
	float: left;
	margin-right: 16px;
	padding-bottom: 4px;
}
#pageProfil #slogan{
	margin-left: 10px;
}
#pageProfil #colCentre{
/*	height: 220px;
	overflow: auto;*/
}
.francois #slogan strong{
	visibility: hidden;
}
.jean #slogan span{
	visibility: hidden;
}
.jean #slogan{
	visibility: hidden;
	margin-top: 14px;
}


/* Autres
-----------------------------------------------------------------------------------------*/
.sauteLigne  {
	clear: both;
	width: 100%;
	height: 0px;
}


/* formulaires */
#colCentre textarea, #colCentre input{

	border: 1px solid #ccc;
	margin-bottom: 4px;
	margin-top: 3px;
	padding: 3px;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 92%;

}

#colCentre #bouton input{

	color: #FFFFFF;
	background-color: #86bb56;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #86bb56;
	width: auto;

}