/*Configuration générale */

* { margin: 0; padding: 0;}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@ CORPS DU SITE @@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

body {
	margin: 0px;
	background-image: url(images/extensiblehead.jpg) ;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
	
a { color: #0f19e9; 
}

a img {
border: none;
}

a:hover {text-decoration: none; }

/* -Header- */

#header {	
	width: 373px;															/* largeur */
	height: 153px;															/* hauteur */
	background: url(images/header.jpg) no-repeat ;
	margin: 0;																/*marge */
}

#header span {
	display: none;
}

/* -Menu header- */

/* menu horizontal*/


#menuhorizontal_2 {
	height: 87px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 362px;
	list-style-type: none;

}

#menuhorizontal_2 li {
	float: left;
	display: block;
	width: 91px;
	height: 56px;
	margin-right: 4px;
	margin-left: 5px;
	line-height: 15px;
	background: url(images/0002.png) no-repeat;
	text-align: center;
	padding-top: 10px;
}

#menuhorizontal_2 li a {
	background-color: #9cc401;
	color: #fff;
	font-size: 90%;
	text-decoration: none;
}

#menuhorizontal_2 li a:hover {text-decoration: underline;}

#menuhorizontal_2 p {

	font-family: Arial, Helvetica, sans-serif;
}


#menuhorizontal {
	height: 87px;
	margin-top: -96px;
	margin-left: 362px;
	list-style-type: none;

}
#menuhorizontal li {
	float: left;
	display: block;
	width: 91px;
	height: 44px;
	margin-right: 4px;
	margin-left: 5px;
	line-height: 15px;
	background: url(images/menuheader.jpg) no-repeat;
	text-align: center;
}

#menuhorizontal li a {
	background-color: #9cc401;
	color: #fff;
	font-size: 90%;
	text-decoration: none;
}

#menuhorizontal li a:hover {text-decoration: underline;}

/* Menu vertical */

#menuvertical {
	float: left;																/*positionnement flottant gauche */
	position: fixed;
	
	left:0;
	list-style-type: none;													 	/*type de puces et de numéro*/
	padding-top: 5% ;														 	/* marge intérieure haute 5% */
}

#menuvertical li {
	display: block;																 /* affichage de l'élément spécifie un bloc */
	width: 140px;																 /* largeur */
	line-height: 190%;															 /*interligne */
	text-align: center;															 /* alignement du texte*/	

	background: url(images/menuvertical.jpg) no-repeat;							 /* arriere plan, non répété*/							
}

#menuvertical li a {
	background-color: #269acb;
	color: #fff;																/* couleur*/
	text-decoration: none;														/* décoration */
	margin-right: 7%;															 /*marge extérieure droite */
}

#menuvertical li a:hover{text-decoration: underline;}								 /* lien surpassé avec souris souligné */

#menuvertical h4 {
	font-size: 140%;															 /*taille de la police*/
	text-align: center;															 /*alignement du texte*/
	padding: 0 0 0 0;															/* marge interieure*/
}
/* Contenu */

#contenu {
	margin-left: 20%;															 /* marge extérieure gauche*/
	padding: 10px;															 /*marge interieure*/
	display: block;																/*affichage de l'élément spécifie un bloc*/
}

#contenu h1 {
	font-size: 220%;															/*taille de la police*/
	padding-top: 2% ;															/*marge interieure haute et gauche*/
}

#contenu h2 {
	color: #fb8800;
	background-color: #ffffff;
	padding-top: 2%;
	font-size: 150%;
}
#contenu h3 {
	color:#269acb;
	
	
}	
#contenu ul {
	padding: 0 0 0 0;
	margin-top: 2%;
	margin-left: 10%;
	line-height: 250%;
}
#contenu li {
	margin-left: 0;
	padding: 0 0 0 0;
}
#contenu p {
	padding-top: 1%;
	padding-left: 1%;
	padding-right: 10%;
	text-align: justify;
	line-height: 150%;
	text-indent: 4%;
	font-size: 90%;
	
}
#contenu a {
	font-size: 90%;
}

#prestations {
	margin-left: 20%;															 /* marge extérieure gauche*/
	padding: 10px;															 /*marge interieure*/
	display: block;																/*affichage de l'élément spécifie un bloc*/
}
#prestations  h1{
	font-size: 220%;															/*taille de la police*/
	padding-top: 2% ;															/*marge interieure haute et gauche*/
}
#prestations h2{
	color: #fb8800;
	background-color: #ffffff;
	padding-top: 2%;
	font-size: 180%;
}
#prestations h3{
	color:#269acb;
	font-size: 160%;
}
#prestations p{
	padding-top: 1%;
	padding-left: 1%;
	padding-right: 10%;
	text-align: justify;
	line-height: 150%;
	text-indent: 4%;
	font-size: 90%
}

#referencement 

caption/* Titre du tableau */
{

	margin: auto; /* Centre le titre du tableau */
	font-family: Arial, Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1.2em;
	color: black;
	margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
	margin-left: 2%; /* Centre le tableau */
	border: 4px outset black; /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
	background-color: black;
	color: white;
	font-size: 1.1em;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
	border: 1px solid black;
	font-family: "Arial", "Times New Roman", "Trebuchet MS", Times, "Comic Sans MS", serif;
	text-align: center; /* Tous les textes des cellules seront centrés*/
	padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */

}

/* tableau prestations SEO*/
.couleur-tableau {
	background-color: #4bacc6;
	font-size: 140%;
	font-weight: bold;
	color: #FFFFFF;
}

.couleur-texte {
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 94%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #4bacc6;
}
.couleur-cellule {
	background-color: #d2eaf1;
	font-size: 16px;
	font-weight: bolder;
	color: #ff0000;
}
.couleur-cellule2 {
	background-color: #a5d5e2;
	font-size: 16px;
	font-weight: bolder;
	color: #FF0000;
}
input, textarea
{
   font-family: "Arial", Times New Roman, Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
}
 
label
{
   color: #269acb; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
   font-weight: bolder;
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #FF9933;
   font-weight: bold;
}
 
fieldset
{
   /* Une marge pour séparer les fieldset */
   padding-left: 10px;
   padding-bottom: 10px;
   background-color: #FFFFCC;
}
/*fin tableau prestation seo*/

#prestations-liens-sponsorises {
	margin-left: 20%;															 /* marge extérieure gauche*/
	padding: 10px;															 /*marge interieure*/
	display: block;																/*affichage de l'élément spécifie un bloc*/
}

#prestations-liens-sponsorises h1{
	font-size: 220%;															/*taille de la police*/
	padding-top: 2% ;															/*marge interieure haute et gauche*/
}

#prestations-liens-sponsorises h2{
	color: #fb8800;
	background-color: #ffffff;
	padding-top: 2%;
	font-size: 180%;
}

#prestations-liens-sponsorises h3{
	color:#269acb;
	font-size: 160%;
}

#prestations-liens-sponsorises p{
	padding-top: 1%;
	padding-left: 1%;
	padding-right: 10%;
	line-height: 150%;
	text-indent: 4%;
	font-size: 90%
}

#prestations-liens-sponsorises ul{
	font-family: arial, Helvetica, sans-serif;
	margin-left: 10%;
	line-height: 140%;
	font-size: 90%;
	
}

#footer1 {
	clear: both;										/*affichage de l'élément flottant par rapport à l'élément précédent spécifier les côtés d'un ou des éléments qui ne doivent pas être adjacents. l'élément sera placé en dessous vue que le dernier élément etait float left et right*/
	margin-left: 362px;
	padding: 5px;
	background: url("images/0001.png") no-repeat;
	color:#ffffff;
	
	
}

#footer2 {
	clear: both;										/*affichage de l'élément flottant par rapport à l'élément précédent spécifier les côtés d'un ou des éléments qui ne doivent pas être adjacents. l'élément sera placé en dessous vue que le dernier élément etait float left et right*/
	background-color: #ffffff;
	
	margin-top: 1%;
	color:#939393;
	text-align: center;
	
}
#footer1 a {

	color:#ffffff;
	text-decoration: none;

	
}

#footer2 p{
	font-size: 80%;
	text-align: center;
}