/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #59819a;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1{
color: #469166;
font-size:14px;
font-weight:bold;
border-bottom: #469166 1px solid;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

a.lien1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #59819a;
	text-decoration: none;
}
a.lien1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #59819a;
	text-decoration: none;
}
a.lien1:hover {
	text-decoration: underline;
	color: #59819a;
}
a.lien1:active {
	text-decoration: none;
	color: #59819a;
}

/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/
#index {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 144px;  /* changer la largeur ici */ 
    height: 43px; /* changer la hauteur ici */ 
    background: url(gifs/images/graphologue-duron_over_06.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#index a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/graphologue-duron_06.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#index a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#analyse {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 268px;  /* changer la largeur ici */ 
    height: 28px; /* changer la hauteur ici */ 
    background: url(gifs/images/graphologue-duron_over_12.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#analyse a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/graphologue-duron_12.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#analyse a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#orientation {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 268px;  /* changer la largeur ici */ 
    height: 27px; /* changer la hauteur ici */ 
    background: url(gifs/images/graphologue-duron_over_14.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#orientation a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/graphologue-duron_14.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#orientation a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#personnel {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 268px;  /* changer la largeur ici */ 
    height: 29px; /* changer la hauteur ici */ 
    background: url(gifs/images/graphologue-duron_over_15.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#personnel a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/graphologue-duron_15.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#personnel a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#individuel {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 268px;  /* changer la largeur ici */ 
    height: 38px; /* changer la hauteur ici */ 
    background: url(gifs/images/graphologue-duron_over_16.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#individuel a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/graphologue-duron_16.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#individuel a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#graphologie {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 268px;  /* changer la largeur ici */ 
    height: 28px; /* changer la hauteur ici */ 
    background: url(gifs/images/graphologue-duron_over_17.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#graphologie a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/graphologue-duron_17.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#graphologie a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#comparative {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 268px;  /* changer la largeur ici */ 
    height: 28px; /* changer la hauteur ici */ 
    background: url(gifs/images/graphologue-duron_over_18.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#comparative a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/graphologue-duron_18.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#comparative a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#qui {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 268px;  /* changer la largeur ici */ 
    height: 28px; /* changer la hauteur ici */ 
    background: url(gifs/images/graphologue-duron_over_19.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#qui a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/graphologue-duron_19.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#qui a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 
#contact2 {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 75px;  /* changer la largeur ici */ 
    height: 43px; /* changer la hauteur ici */ 
    background: url(gifs/images/graphologue-duron_over_07.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#contact2 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/graphologue-duron_07.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#contact2 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#contact3 {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 268px;  /* changer la largeur ici */ 
    height: 28px; /* changer la hauteur ici */ 
    background: url(gifs/images/graphologue-duron_over_20.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#contact3 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/graphologue-duron_20.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#contact3 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
}


/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/
.fondcontenu {
	background-image: url(gifs/images/graphologue-duron_22.jpg);
	background-repeat: repeat-y;
}
.fondnews {
	background-image: url(gifs/images/graphologue-duron_09.jpg);
	background-repeat: no-repeat;
}
.fondcontenu2 {
	background-image: url(gifs/images/graphologue-duron_13.jpg);
	background-repeat: repeat-y;
}
.bleu {
	color: #59819a;
}
.fondindex {
	background-image: url(gifs/images/pourindex_13.jpg);
	height: 126px;
}
.fondindex2 {
	background-image: url(gifs/images/pourindex_25.jpg);
	background-repeat: no-repeat;
	vertical-align:top;
	height: 150px;
}
.fondindex3 {
	background-image: url(gifs/images/pourindex_20.jpg);
	height: 73px;
}
.fondindex4 {
	background-image: url(gifs/images/pourindex_28.jpg);
	height: 110px;
}
.fondindex5 {
	background-image: url(gifs/images/pourindex_21.jpg);
	height: 149px;
}
.souli {
	text-decoration: underline;
}

.pad {
	padding: 5px;
}
.alignementgauche {
float: left;
margin-right: 10px;
}

.alignementdroite {
float: right;
margin-left: 10px;
}

.titre {
	font-size: 14px;
	color: #4D738A;
	text-decoration: underline;
	font-weight: bold;
}
.fondgrafolo {
	background-image: url(gifs/images/fondgrapholo_13m.jpg);
	background-repeat: no-repeat;
}
.rouge {
	color: #990000;
}
.vert {
	color: #469166;
}
/********************************************************************** referencement **************************************************************/
#index1 {
	padding-left:21px;
	position:relative;
	width: 665px;
	height: 91px;
	padding-right: 22px;
	line-height:16px;
	top:-9px;
}

#index2 {
	position:relative;
	width:226px;
	top: 0px;
	height: 101px;
	left: 10px;
	color:#000000;
	text-align:center;
}

#index3 {
	position:relative;
	width:220px;
	top: 0px;
	height:71px;
	color:#000000;
	text-align:center;
	padding-left:4px;
	padding-right:4px;
}

#index4 {
	position:relative;
	width:225px;
	height:71px;
	color:#000000;
	text-align:center;
}

#index5 {
	position:relative;
	width:225px;
	height:71px;
	color:#000000;
	text-align:center;
	left: 5px;
	top: -20px;
	}


strong {
	color: #990000;
}

	
div#h1 h1
{
	padding-left: 30px ;
	line-height: 32px ;
	font-size: 14px ;
	background: url(gifs/pourtitre.jpg) no-repeat left bottom ;
	color: #9b2 ;
	border-bottom: 0px solid #4D738A ;
	color: #4D738A;
	text-decoration:underline;
}

h2 {
font-size:12px;
color: #469166;
border-bottom: 1px dashed #469166; 
margin-right:150px;
}

h2:hover {
font-size:12px;
color: #990000;
border-bottom: 1px dashed #990000;
margin-right:150px;
}

p {
text-align:justify;
line-height:16px;
color: #59819a;
}
/**************************/
a.ref {
	font-weight:bolder;
	color:#3E8754;
	text-transform: uppercase;
	line-height:15px;
}

a.ref:hover {
	font-weight:bolder;
	color:#3E8754;
	text-transform: uppercase;
	text-decoration:underline;
}
/**************************/
b {
color: #469166;
}

span{color: #469166; font-weight:bolder;}

#contenuref {
padding-left:10px;
padding-right:5px;
}


/*MODIFS*/
#fdMenu{
margin:0;
background:url(gifs/images/pourmodif-menu_12.jpg) no-repeat;
height:263px;
padding-top:5px;
padding-left:30px;
}
	#fdMenu p{
	margin:0;
	padding-top: 1px;
	padding-bottom: 10px;
	}
	.fdMenu1{
	margin:0;
	padding-top: 7px;
	padding-bottom: 22px;
	}
	#fdMenu a, #fdMenu a:link{
	text-decoration:none;
	font-size:12px;
	color:#48738e;
	}
	#fdMenu a:hover{
	text-decoration:underline;
	font-size:12px;
	color:#183e56;
	}
	
	
.fdTexteIndex{
height:215px;
background:url(gifs/images/contenu-modif_05.jpg);
padding-top:5px;
padding-right:20px;
padding-left:20px;
}
	.fdTexteIndex p{
	margin-bottom:15px;
	line-height:18px;
	}
	
	
	
	
.colonne1{
margin:0;
background:url(gifs/images/contenu-modif_07.jpg) no-repeat;
height:270px;
width:240px;
float:left;
padding-top:100px;
text-align:center;
}
		.colonne1 p{
		padding:15px;
		margin-top:25px;
		line-height:18px;
		text-align:center;
		}
		
		
		
.colonne2{
margin:0;
background:url(gifs/images/contenu-modif_08.jpg) no-repeat;
height:350px;
width:232px;
float:left;
padding-top:10px;
text-align:center;
}
		.colonne2 p{
		text-align:center;
		}
				.colonne2bis{
				width:100%;
				margin-top:100px;
				}
				.colonne2bis p{
				text-align:center;
				}



.colonne3{
margin:0;
background:url(gifs/images/contenu-modif_09.jpg) no-repeat;
height:350px;
width:233px;
float:left;
padding-top:10px;
text-align:center;
}
		.colonne3 p{
		padding: 0 15px;
		/*margin-top:25px;*/
		line-height:16px;
		text-align:center;
		}
#demander {
	background-image: url(gifs/images/contact.jpg);
	width:241px;
	height:55px;
	text-align:center;
	padding-top:24px;
}
#demander a {
	font-size:14px;
	font-weight:bold;
}