/* CSS Document */
body {margin:0; padding:0; height: 100%}
img{border: 0;}

/* DIV */
#conteneur {
	position: absolute;
	margin-top: 2px;
	width: 776px;
	left: 685px;
	margin-left: -650px;
	background-color:#FFFFFF;
	border: 0px solid #FF3300;
	top: 27px;
	background-image: url(images/Fond%20noir.jpg);
}
#header {height: 150px; background-color: #FFFFFF;}
#navMenu {
	position: absolute;
	right:0;
	width: 397px;
	top: -1px;
	height: 148px;
}
#centre {
	height: 48px;
	background-color: #000000;
	border: 0px solid #FF3300;
	padding-left: 6px;
	padding-top: 2px;
}
#listeMots {
	height: 48px;
	background-color: #000000;
	border: 0px solid #FF3300;
	padding-left: 6px;
	padding-top: 2px;
}
#corps {
	background-color: #000000;
	border: 0px solid #FF3300;
	padding-top: 2px;
	padding-bottom: 8px;
	background-image: url(images/Fond%20noir.jpg);
}
#pied {height: 8px; background-color: #fb7310; border: 0px solid #FF3300;}
#cadreGauche {float:left; width: 288px; margin-left: 48px; border: 0px solid #FF3300; }
#cadreDroit {width: 288px; margin-left: 438px; border: 0px solid #FF3300;}
#cadreBoutons {width: 100%; height: 50px; border: 0px solid #FF3300; margin-bottom:1px;}
#contenuForm {padding-left: 6px; border: 1px solid #FF3300; text-align: center; }
#cadreForm {width: 348px; margin-left: auto; margin-right: auto; border: 0px solid #FF3300; text-align: center;}
#cadreFin {clear: both;}

/* images */
.logo {
	position: absolute;
	left: 0;
	margin-top: 0px;
	background-image: url(images/Fond%20noir.jpg);
}

.picto { 
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 5px;
	float:left;
}

.portfolio { 
	margin-top: 8px;
	margin-left: 4px;
	margin-right: 4px;
}

.boutonimage { 
	float: left; 
	margin-top: 8px;
	margin-left: 12px;
	margin-right: 5px;
}

/* titres */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px; 
	color: #FFFFFF;
	font-weight: bold;
	padding: 0;
	margin:0;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: italic;
	color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 3px;
	margin:0;
}

h3.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 0px;
	margin:0;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: italic;
	color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 14px;
	margin:0;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 14px;
	margin:0;
}

/* textes */
.textecourant {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
	}

.texteitalique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
	}

.textearbo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	}


.textecourantblanc {font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
	}

.textecourantcentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	}

.textegras {font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-align: justify;
	}

.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
	}

strong.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: justify;
	}

/*listes */
ul.spip {
	list-style-image:url(puce.html);
	padding-left: 25px;
	margin-left: 0px;
}

ol.spip {
	padding-left: 25px;
	margin-left: 0px;
}

ul.lien {	
	padding-left: 0px;
	margin-left: 0px;
}

li.lien{
	line-height: 14px; 
	list-style-type: none;
	background-image: url(picto.html);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
}

.formulaire_spip label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}

.formulaire_spip legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

.forml {
	width: 99%;
	padding: 1px;
	border: 0px solid;
	font-family: inherit;
	font-size: inherit;
}

.reponse_formulaire { font-weight: bold; color: #f8a316; }

/*images menu */
a.imagepresentation { /* définition de la classe "image" de la balise <a> */
     float: left;
	 display: block; /* la balise a doit être en bloc */
     
}
	 


a.imageprestations { /* définition de la classe "image" de la balise <a> */
     float: left;
	 display: block; /* la balise a doit être en bloc */

}

a.imageprestations:over { /* définition de la classe "image" de la balise <a> */
     background-image:  url(images/prestations_on.html)

}
	 


a.imageportfolio { /* définition de la classe "image" de la balise <a> */
     float: left; 
	 display: block;/* la balise a doit être en bloc */
}
	 


a.imagecontact { /* définition de la classe "image" de la balise <a> */
     float: left; 
	 display: block;/* la balise a doit être en bloc */
}
	 
 

/*images boutons */
a.imagebouton1 { /* définition de la classe "image" de la balise <a> */
	 float: left;
	 display: block; /* la balise a doit être en bloc */
     width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
	 margin-top: 8px;
	 margin-left: 12px;
	 margin-right: 5px;
     background-image:  url(images/bouton_off.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
}
	 
a.imagebouton1:hover { /* définition de la classe "image" de la balise <a> au survol */
    background-image:  url(images/bouton_on_1.gif); /* source de l'image d'arrivée */
} 

a.imagebouton2 { /* définition de la classe "image" de la balise <a> */
     float: left;
	 display: block; /* la balise a doit être en bloc */
     width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
	 margin-top: 8px;
	 margin-left: 12px;
	 margin-right: 5px;
     background-image:  url(images/bouton_off.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
}
	 
a.imagebouton2:hover { /* définition de la classe "image" de la balise <a> au survol */
    background-image:  url(images/bouton_on_2.gif); /* source de l'image d'arrivée */
}

a.imagebouton3 { /* définition de la classe "image" de la balise <a> */
     float: left;
	 display: block; /* la balise a doit être en bloc */
     width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
	 margin-top: 8px;
	 margin-left: 12px;
	 margin-right: 5px;
     background-image:  url(images/bouton_off.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
}
	 
a.imagebouton3:hover { /* définition de la classe "image" de la balise <a> au survol */
    background-image:  url(images/bouton_on_3.gif); /* source de l'image d'arrivée */
}

a.imagebouton4 { /* définition de la classe "image" de la balise <a> */
     float: left;
	 display: block; /* la balise a doit être en bloc */
     width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
	 margin-top: 8px;
	 margin-left: 12px;
	 margin-right: 5px;
     background-image:  url(images/bouton_off.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
}
	 
a.imagebouton4:hover { /* définition de la classe "image" de la balise <a> au survol */
    background-image:  url(images/bouton_on_4.gif); /* source de l'image d'arrivée */
}

a.imagebouton5 { /* définition de la classe "image" de la balise <a> */
     float: left;
	 display: block; /* la balise a doit être en bloc */
     width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
	 margin-top: 8px;
	 margin-left: 12px;
	 margin-right: 5px;
     background-image:  url(images/bouton_off.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
}
	 
a.imagebouton5:hover { /* définition de la classe "image" de la balise <a> au survol */
    background-image:  url(images/bouton_on_5.gif); /* source de l'image d'arrivée */
}

a.imagebouton6 { /* définition de la classe "image" de la balise <a> */
     float: left;
	 display: block; /* la balise a doit être en bloc */
     width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
	 margin-top: 8px;
	 margin-left: 12px;
	 margin-right: 5px;
     background-image:  url(images/bouton_off.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
}
	 
a.imagebouton6:hover { /* définition de la classe "image" de la balise <a> au survol */
    background-image:  url(images/bouton_on_6.gif); /* source de l'image d'arrivée */
}
/*liens */
.lienjaune				{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #f8a316; text-decoration: none}
a.lienjaune				{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #f8a316; text-decoration: none}
a.lienjaune:link		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #f8a316; text-decoration: none}
a.lienjaune:visited		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #f8a316; text-decoration: none}
a.lienjaune:hover		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #f8a316; text-decoration: underline}

/* Liens arbo*/
.liensarbo				{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #f8a316; text-decoration: underline}
a.liensarbo				{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #f8a316; text-decoration: underline}
a.liensarbo:link		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #f8a316; text-decoration: underline}
a.liensarbo:visited		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #f8a316; text-decoration: underline}
a.liensarbo:hover		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #f8a316; text-decoration: underline}