/* Site réalisé par ChloroWeb : www.chloroweb.com */
/* Août 2007 */
/* Dernière MAJ : octobre 2009 */

body {
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	*font-size: 0.6em; /* optimisé pour IE 7 */
	line-height: 1.5em;
	text-align: center;
	background: #b1b1b1 url('images/background2.gif') repeat-x top;
}
a {
	color: #7CAE40;
}
li a {
	font-weight: bold;
}
hr {
	color: #fff;
	height: 0;
	border: 0;
}

label {
	width: 80px;
	text-align: right;
	display: block;
	float: left;
}
table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
}
ul{
	margin-bottom: 9px;
	margin-top: 9px;
}
.temoignage {
	margin-left: 20px;
}
/* container */

#container {
	width: 950px;
	background: transparent url('images/cotes.png') repeat-y top center;
	text-align: center;
	margin-left: auto;
   margin-right: auto;
}

/* entete */
#entete {
	height: 85px;
	width: 850px;
	background-color: #3c6b05;
	text-align: left;
	margin-left: auto;
   margin-right: auto;
}
#entete .liens {
	float: right;
	text-align: right;
	margin-right: 10px;
	margin-top: 5px;
	line-height: 1em;
	font-weight: bold;
	font-size: 0.95em;
	color: #93d742;
}
#entete .liens a {
	color: #93d742;
}

/* Menu */
#menu {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	margin-left: auto;
	*margin-left: 0;
   margin-right: auto;
	width: 850px;
	height: 25px;
	*height: 30px;
	text-align: center;
	background-color: #585858;
	*font-size: 1em;
}
#menu li {
	list-style-type: none;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}
#menu a {
	color: #fff;
	font-weight: bold;
	background-image: url(images/puce_menu_off.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 3px;
	text-decoration: none;
}
#menu a:hover {
	color: #90B960;
	font-weight: bold;
	background-image: url(images/puce_menu_on.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
}
#menu a.actif {
	color: #90B960;
	text-decoration: underline;
	background-image: url(images/puce_menu_on.gif);
	background-repeat: no-repeat;
}

/* page d'accueil */
#accueil {
	border-top: 1px solid #585858; /* pour résoudre un pb d'espacement au-dessus de cette zone */
	width: 850px;
	text-align: left;
	margin-left: auto;
   margin-right: auto;
	background-color: #fff;
}
#accueil table {
	width: 714px;
	margin: 0;
	padding: 0;
}
#accueil td {
	padding-right: 10px;
	vertical-align: top;
}
#accueilg #menu {
	*margin-left: auto;
	*height: 25px;
}
#presentation {
	width: 270px;
	padding-left: 10px;
	margin-top: 10px;
}
#presentation ul {
	list-style-image: url(images/puce_verte.gif); 
	padding-left: 20px;
	margin: 0;
}
#presentation li {
	margin-bottom: 7px;
	*line-height: 15px;
}
#banniere {
	width: 380px;
	margin-top: 10px;
	text-align: center;
	display: none;
}
#news {
	width: 360px;
	margin-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: #E9EEF4;
	border: 1px solid #4F80B3;
	-moz-border-radius:15px;
	*font-size: 1em;
}
#news h2 {
	margin-top: 10px;
	*font-size: 1em;
}
#news h3 {
	font-weight: bold;
	color: #4F80B3;
	margin-bottom: 5px;
	margin-top: 10px;
	*font-size: 1em;
}
#news h3 a {
	color: #4F80B3;
	*font-size: 1em;
}
#news h3 a:hover {
	color: #7CAE40;
}
#news .newsdate {
	font-size: 0.7em;
	*font-size: 0.8em;
	font-weight: bold;
	color: #000;
}
.lienshome {
	color: #838383;
	font-size: 0.9em;
}
#accueil #pieddepage {
	clear: both;
}

/* contenu */
#contenu {
	border-top: 1px solid #585858; /* pour résoudre un pb d'espacement au-dessus de cette zone */
	width: 850px;
	text-align: left;
	margin-left: auto;
   margin-right: auto;
	padding: 0;
}
#colgauche {
	width: 850px;
	text-align: left;
	margin-left: auto;
   margin-right: auto;
	background-color: #fff;
	background-image: url(images/fond_colgauche.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
.coldroite {
	width: 200px;
	vertical-align: top;
	background-color: #dce6f0;
	padding: 5px;
}
#texte {
	margin-left: 157px;
	margin-right: 10px;
	text-align: justify;
	background-color: #fff;
}
#texte ul {
	/*color: #7CAE40;*/
}
#texte li {
	list-style-type: decimal;
	margin-bottom: 3px;
}
#texte table li {
	list-style-type: square;
}
#texte table h2 {
	margin-bottom: 0;
	margin-top: 0;
}

/* arborescence de navigation */
#browsepath {
	color: #a3a3a3;
	font-size: x-small;
	*font-size: 0.9em;
	margin-top: 10px;
	vertical-align: middle;
}
#browsepath a {
	color: #909090;
	text-decoration: none;
}
#browsepath a:hover {
	text-decoration: underline;
}

/* éléments de mise en page */
h1 {
	color: #4F80B3;
	text-transform: uppercase;
	background-image: url(images/puce_titre1.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: small;
	*font-size: 1em;
	margin-top: 20px;
	margin-bottom: 15px;
	*line-height: 15px;
}
h2 {
	color: #4F80B3;
	font-size: small;
	background-image: url(images/filet_pointille.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 20px;
	*margin-bottom: 0;
	*font-size: 1em;
}
h2 a {
	text-decoration: none;
}
h3 {
	font-size: small;
	*font-size: 1em;
}
#texte ul.liste  {
	list-style-image: url(images/puce_liste.gif);
}
#texte .liste li {
	margin-bottom: 5px;
	color: #000;
	list-style-type: square;
}
.champs {
	border: 1px solid #4F80B3;
	width: 300px;
	margin-bottom: 15px;
}
a.boutons {
	width: 84px;
	height: 31px;
	background-image: url(images/bt_off.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 0.8em;
	font-weight: bold;
	color: #585858;
	padding-top: 2px;
	display: block;
}
a:hover.boutons {
	background-image: url(images/bt_on.gif);
}
.exemple {
	float: right;
	width: 200px;
	margin-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
}
.exemple em {
	color: #4F80B3;
}
.hautdepage {
	font-size: x-small;
	text-align: right;
	padding-top: 10px;
	margin-top: 0;
}
.hautdepage a {
	background-image: url(images/hdp_off.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 12px;
	color: #909090;
}
.hautdepage a:hover {
	background-image: url(images/hdp_on.gif);
}
.bleugras {
	font-weight: bold;
	color: #4F80B3;
}
.txtvert {
	color: #7CAE40;
	font-weight: bold;
}
.txtgrand {
	font-size: 16px;
}

#portfolio table {
	font-size: 1em;
	font-weight: bold;
	color: #4F80B3;
}
#portfolio table img {
	margin: 10px;
}
#portfolio table td.separation {
	border-right: 1px solid #4F80B3;
}

/* pied de page */
#pieddepage {
	background-image: url(images/filet_pointille.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-size: smaller;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 10px;
	margin-left: 155px;
   margin-right: 0;
	margin-top: 15px;
	margin-bottom: 10px;
	*font-size: 0.9em;
}
#pieddepage a {
	*font-size: 1em;
}

.imggauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.imgdroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#cv .liste {
	margin-top: 0;
	padding-top: 0;
}
#blogs h2 {
	*margin-bottom: 10px;
}
#blogs h3 {
	color:#4F80B3;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 0;
	background-image: url(images/puce_bleue.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 10px;
}
#blogs p {
	margin-top: 0;
	margin-bottom: 9px;
}
#vitrine h3 {
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #000;
}
.pub {
	border: 1px solid #7CAE40;
	padding: 5px;
	padding-bottom: 10px;
	padding-top: 0;
}

#tab_contact {
	font-size: 1em;
	margin-top: 10px;
}
#tab_contact td.libelle {
	color: #777;
	font-weight: bold;
	height: 30px;
	vertical-align: top;
}
#tab_contact .champs {
	border: 1px solid #000;
	width: 150px;
}
#tab_contact textarea {
	border: 1px solid #000;
}
#tab_contact td.td_boutons {
	height: 40px;
	vertical-align: bottom;
	padding-left: 240px;
}
#tab_contact .boutons {
	background-image: url(images/bt_envoyer.gif);
	padding: 2px 12px 2px 12px;
	text-decoration: none;
	height: 40px;
}
#tab_contact .boutons:hover {
	background-image: url(images/bt_envoyer_on.gif);
}
.message {
	font-weight: bold;
	color: Red;
	font-size: 1.1em;
}
#contenu table {
	font-size: 1em;
}
#competences table ul, #references table ul, #pack_fermagora table ul {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	color: #434343;
}
#competences table li, #references table li, #pack_fermagora table li {
	padding: 0;
}

.calque {
	background-color: #fff6ca;
	font-weight: bold;
	text-align: center;
	padding: 7px;
}

/* Page Prestations*/
#prestations table td {
	border-bottom: 1px solid #ccc;
	padding: 3px;
}
#prestations table th {
	border-bottom: 2px solid #ccc;
	text-align: center;
	vertical-align: top;
}
#prestations table td.fonctionnalites {
	width: 100px;
	text-align: left;
}
#prestations table td.crea {
	color: #92d43f;
	font-weight: bold;
	font-size: 10pt;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 0;
}
#prestations table td.gestion {
	color: #a009c6;
	font-weight: bold;
	font-size: 10pt;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 0;
}
#prestations table th.vitrine {
	border-bottom: 2px solid #92d43f;
	color: #0066cc;
}
#prestations table td.vitrine {
	color: #0066cc;
	text-align: center;
	font-weight: bold; 
	font-size: 14pt;
	width: 110px;
	border-left: 2px solid #92d43f;
}
#prestations table th.web {
	border-bottom: 2px solid #92d43f;
	color: #d02727;
}
#prestations table td.web {
	color: #d02727;
	text-align: center;
	font-weight: bold; 
	font-size: 14pt;
	width: 110px;
}
#prestations table th.ecommerce {
	border-bottom: 2px solid #92d43f;
	color: #ff7800;
}
#prestations table td.ecommerce {
	color: #ff7800;
	text-align: center;
	font-weight: bold; 
	font-size: 14pt;
	width: 110px;
	border-right: 2px solid #92d43f;
}
#prestations table th.referencement {
	border-bottom: 2px solid #a009c6;
	color: #a009c6;
}
#prestations table td.referencement {
	width: 110px;
	border-left: 2px solid #a009c6;
	text-align: center;
}
#prestations table th.webmastering {
	border-bottom: 2px solid #a009c6;
	color: #a009c6;
}
#prestations table td.webmastering {
	width: 110px;
	border-right: 2px solid #a009c6;
	text-align: center;
}
#prestations table tr.derniere td.vitrine,
#prestations table tr.derniere td.web,
#prestations table tr.derniere td.ecommerce {
	border-bottom: 2px solid #92d43f;
}
#prestations table tr.derniere td.referencement,
#prestations table tr.derniere td.webmastering {
	border-bottom: 2px solid #a009c6;
}
#prestations table td a {
	font-size: 10pt;
	font-weight: bold;
}