*{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
}

select {
	vertical-align: middle;
}

img {
	border: none;
}

a {
	color:#003300;
	text-decoration: none;
	font-weight:bold;
}

p {
	margin: 10px 0px;
	line-height: 1.6;
	text-align: left;
}

ul {
	margin-bottom: 10px;	
}

ul li {
	list-style-type:square;
	list-style-position: inside;
	margin-left: 20px;
	margin-bottom: 5px;	
}

ul li acronym{
	text-decoration: none;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#336633;
}
ol {
	margin-bottom: 10px;
}

ol li {
	list-style-type:decimal;
	list-style-position: inside;
	margin-left: 20px;
	margin-bottom: 5px;
}

h1 {
	margin: 0px 0px 10px 0px;
	font-weight:bold;
	font-size: 18px;
	color:#006666;	
}

h2 {
	margin: 0px 0px 5px 0px;
	font-weight:bold;
	font-size:16px;
	color:#006666;	
}

h3 {
	background-image:url(images/puce2.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	font-weight:bold;
	font-size: 14px;
	text-align: left;
	margin-bottom:5px;
	text-indent:20px;
	color:#336633;
}

h4 {
	margin:0px;
	color:#336633;
	font-weight:bold;
	font-size: 14px;
	text-align: left;
	margin-bottom:5px;
}
/*------------------------------------------------------------BODY-------------------------*/
body {
	width: 100%;
	height: auto;
	vertical-align: top;
	background-image:url(images/fond.png);
	background-color: #ffffff;
	background-repeat: repeat-x;
}
/*------------------------------------------------------------CONTENEUR-------------------*/
#conteneur{
	background-color:#FFFFFF;
	width: 800px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
/*------------------------------------------------------------HAUT---------------------*/
#haut{
	background-image:url(images/haut.png);
	background-repeat:no-repeat;
	height:23px;
	padding-left:380px;
	padding-top:2px;	
}

#haut_client{
	background-image:url(images/haut.png);
	background-repeat:no-repeat;
	height:20px;
	padding-left:20px;
	padding-top:5px;
	color:#FFFFFF;	
}


#haut input{
	background-color:#339999;
	border:1px solid #006633;
	color:#006633;
	margin-left:1px;
	margin-right:1px;
}

#haut td{
	color:#339999;
}

#haut a{
	color:#339999;
	font-weight:normal;	
}

/*------------------------------------------------------------BANDEAU---------------------*/
#bandeau{
	height:160px;
}
/*------------------------------------------------------------CONTENEUR2------------------*/
#conteneur2,
#contservices,
#contcreation,
#contrefonte,
#conthebergement,
#contforfaits,
#conttechnique,
#contidentite,
#contflash,
#contdeveloppement,
#contreferencement,

#contpresentation,
#contjoomla10,
#contjoomla5,
#contxhtml,
#contdreamweaver,
#contphp,
#contphotoshop1,
#contphotoshop2,
#contformflash,

#contvitrine,
#contcatalogue,
#contcommerce,
#contflash,
#contlowcost,
#contadministrable,
#contmesure{
	background-color:#ffffff;
	background-image:url(images/centre.png);
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: right top;
	min-height:520px;
}
/*------------------------------------------------------------MENU------------------------*/
#menu{
	margin-bottom:15px;
}
ul#nav {
	width:780px;
	display:block;
	height:27px;
	line-height:27px;
	background:transparent;
	font-weight:bold;
	list-style:none;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b5d87d;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 10px;
}	
ul#nav li {
	padding:0;
	margin:0;
	display:inline;
	line-height:35px;
	}	
ul#nav  li a{
	font-size:18px;
	float:left;
	line-height:35px;
	color:#336633;
	padding:1px 9px 1px 9px;
}

ul#nav li a:hover,
body#accueil ul li.accueil a,
body#apropos ul li.apropos a,
body#offres ul li.offres a,
body#services ul li.services a,
body#formations ul li.formations a,
body#realisations ul li.realisations a,
body#actualites ul li.actualites a,
body#dataperso ul li.dataperso a,
body#telechargements ul li.telechargements a,						
body#contact ul li.contact a{
	background:#c3e789;
	text-decoration:none;
	padding:0px 8px 0px 8px;
	color:#006666;
	border:solid #b5d87d 1px;
	border-width: 1px;
}
/*------------------------------------------------------------GAUCHE-----------------------*/
#gauche{
	width:140px;
	float:left;
	padding-left:10px;
}
#gauche #menugauche a{
	font-size: 12px;
	color:#B23B03;
	width:120px;
	display:block;
	margin:10px;
	text-indent:15px;
	background-image:url(images/triangle.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	border-bottom:1px solid #333333;
}
#gauche #menugauche a:hover{
	color:#333333;
}
/*------------------------------------------------------------CENTRE-----------------------*/
#centre{	
	padding-right:165px;
	padding-left:20px;	
}
#centre p{
	line-height: normal;
}
#centre h3 a{
	font-size: 14px;
}
#centre h3 a:hover{
	color:#B23B03;
}
/*------------------------------------------------------------DROITE-----------------------*/
#droite{
	width:150px;
	float:right;
}
#droite a{
	color:#336600;
	font-size:11px;
	font-weight:bold;
}
#droite a:hover{
	color:#0B7481;
}
/*-------------------------ACTUALITES-----------------------*/
#droite #actualite{
	width:130px;
	margin-bottom:10px;		
}

#droite #actualite_haut{
	width:130px;
	height:30px;
	background-image:url(images/fd-cadre-haut2.png);
	background-repeat:no-repeat;
	padding-bottom:2px;	
}

#droite #actualite_haut p{
	font-size:14px;
	margin:0px;
	padding:5px;
	font-weight:bold;
	color:#336633;
	text-align:center;
}

body#mentions #droite #actu_cont,
body#telechargements #droite #actu_cont,
body#dataperso #droite #actu_cont,
body#plandusite #droite #actu_cont,
body#accueil #droite #actu_cont{
	width:130px;
	background-image:url(images/fd-cadre-bas-accueil.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

body#apropos #droite #actu_cont{
	width:130px;
	background-image:url(images/fd-cadre-bas-actu.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

body#actualites #droite #actu_cont{
	width:130px;
	background-image:url(images/fd-cadre-bas-actu.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
body#apropos #droite #actu_cont,
body#confirm #droite #actu_cont,
body#contact #droite #actu_cont{
	width:130px;
	background-image:url(images/fd-cadre-bas-contact.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

body#realisations #droite #actu_cont{
	width:130px;
	background-image:url(images/fd-cadre-bas-realisations.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
	
#droite #actu_cont #actualite_centre{
	width:124px;
	padding:3px;
	margin:0px;
}

#droite #actu_cont #actualite_centre p{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5px;
}
/*-----------------------------MENU DROITE-----------------*/
#servicesdroite a,
#formationsdroite a,
#offresdroite a{
	display:block;
	font-size:14px;
	line-height:28px;
	color:#336633;
	padding-top: 1px;
	padding-right: 13px;
	padding-bottom: 1px;
	padding-left: 13px;
}
#formationsdroite a:hover,
#contpresentation .presentation a,
#contjoomla10 .joomla10 a,
#contjoomla5 .joomla5 a,
#contxhtml .xhtml a,
#contdreamweaver .dreamweaver a,
#contphp .php a,
#contphotoshop1 .photoshop1 a,
#contphotoshop2 .photoshop2 a,
#contformflash .formflash a,

#servicesdroite a:hover,
#contservices .services a,
#contcreation .creation a,
#contrefonte .refonte a,
#contidentite .identite a,
#contflash .flash a,
#contdeveloppement .developpement a,
#contreferencement .referencement a,
#conthebergement .hebergement a,
#contforfaits .forfaits a,
#conttechnique .technique a,

#offresdroite a:hover,
#contvitrine .vitrine a,
#contcatalogue .catalogue a,
#contcommerce .commerce a,
#contflash .flash a,
#contlowcost .lowcost a,
#contadministrable .administrable a,
#contmesure .mesure a{
	background:#c3e789;
	text-decoration:none;
	padding:0px 12px 0px 12px;
	color:#006666;
	border:solid #b5d87d 1px;
	border-width: 1px;
}
/*------------------------------------------------------------PIED-------------------------*/
#pied{
	height:38px;
	background-image:url(images/pied.png);
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	clear:both;
}
#pied #copyright{	
	font-size:10px;	
}
#fluxrss{
	float:left;
	margin-left:5px;
	margin-top:5px
}
#piedtxt {
	float:left;
	padding-top:6px;
	margin-left:185px;
	font-size:12px;	
	color:#FFFFFF;
}
#piedtxt a{
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
#w3c{
	float:right;
	padding-right:5px;
	padding-top:5px
}
/*------------------------------------------------------------CONTENU----------------------*/
.contenu{
	width:100%;
	float:right;
}

.contenu p{
	margin-top:0px;
}

.contenu img{
	margin-right:10px;
	margin-bottom:2px;
	margin-top:3px;
	float:left;
	vertical-align:text-top;
}

.contenu a{
	color:#000000;
	text-align: left;
}

.contenu a:hover{
	color:#336633;
}
/*------------------------------------------------------------TABLEAU----------------------*/
#celclair{
	background-color: #F5F5F5;
}
/*------------------------------TABLEAU3----------------------*/
.tableau3{	
 	color:black;
	border-collapse:collapse;	
	}

.tableau3 td{
	font-size:12px;
	height:20px;
	border:solid #b5d87d 1px;
	background-color: #c3e789;	
	padding-left: 7px;
	padding-right: 7px;	
}

.tableau3 th{
	font-size:12px;
	height:20px;
	border:solid #b5d87d 1px;
	background-color: #c3e789;		
	padding-left: 7px;
	padding-right: 7px;
	color:#336633;	
}
.tableau3 a{
	font-size:12px;
	font-style:normal;
	color:#336633;
}
		
.tableau3 a:hover{
	font-size:12px;
	font-style:normal;
	color:#006666;
}
/*------------------------------TABLEAU4----------------------*/
.tableau4{	
 	color:black;
	border-collapse:collapse;	
	}

.tableau4 td{
	font-size:12px;
	height:24px;
	border: 1px solid white;
	background-color: #FFFFFF;	
	padding-left: 7px;
	padding-right: 7px;	
}

.tableau4 th{
	font-size:12px;
	height:24px;
	border: 1px solid white;
	background-color: #FFFFFF;	
	padding-left: 7px;
	padding-right: 7px;	
}
/*------------------------------TABLEAU1----------------------*/
#tableau1{
	color:black;
	border-collapse:collapse;	
	}
#tableau1 td{
	font-size:12px;
	height:24px;
	padding-left: 5px;
	padding-right: 5px;	
	border-collapse:collapse;
	border: 1px solid #84C184;
}
#tableau1 acronym{	
	font-size:12px;
	text-decoration: none;
	font-style:normal;
	font-weight:bold;
	color:#336633;
}
#tableau1 a{
	font-size:12px;
	font-style:normal;
	color:#336633;
}		
#tableau1 a:hover{
	font-size:12px;
	font-style:normal;
	color:#006666;
}
/*----------------------------------------------------------LIMIT  ----------------------*/
.limit{
	padding-right:20px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color:#B23B03;
}

.limit a{
	color:#000000;
	text-align: left;
}

.limit a:hover{
	color:#B23B03;
	text-align: left;
}
/*----------------------------------------------------------------------------------------*/
.separation{
	margin-bottom:10px;
	margin-top:2px;
	border-bottom:1px dotted #006666;
}

.centre{
	text-align:center;
}

.retrait{
	margin-left:50px;
}

.message {
	font-weight:bold;
	font-size: 14px;
	text-align: center;
	color:#006666;	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006666;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	width:400px;	
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.espace{
	margin-bottom:3px;
	margin-top:3px;
	width:95%;
}

.edito{
	margin-top:3px;
	margin-bottom:6px;
	width:590px;
	float:left;			
}
#date_jour{
	font-size:24px;
}
/*--------------------------------------------------------------------------------------*/
.texte_services,
.texte_accueil,
.texte{	
	width:390px;
	float:right;			
}

.texte_services ul li {
	margin-left: 10px;
	margin-bottom: 10px;	
}

.texte_accueil ul li {
	margin-left: 10px;
	margin-bottom: 20px;	
}

.image_contact{
	height:355px;
	width:200px;
	background-image:url(images/contact.png);
	background-repeat:no-repeat;
	margin: 5px 0px;
	padding-left:10px;	
	float:left;			
}
.image_accueil{	
	font-size: 16px;
	text-align:center;
	height:355px;
	width:184px;
	background-image:url(images/accueil.png);
	background-repeat:no-repeat;
	margin: 5px 0px;
	padding-left:8px;
	padding-right:8px;
	padding-top:40px;		
	float:left;			
}
.image_apropos{	
	height:355px;
	width:200px;			
	float:left;
	padding-top:5px;				
}

.image_services{
	text-align:center;
	font-size: 16px;
	height:355px;
	width:184px;
	background-image:url(images/services.png);
	background-repeat:no-repeat;
	margin: 5px 0px;
	padding-left:8px;
	padding-right:8px;
	padding-top:40px;	
	float:left;			
}
.image_actualite{
	font-size: 16px;
	text-align:center;
	height:355px;
	width:200px;
	background-image:url(images/actualite.png);
	background-repeat:no-repeat;
	margin: 5px 0px;
	padding-left:8px;
	padding-right:8px;
	padding-top:40px;	
	float:left;			
}
/*------------------------PLAN DU SITE------------------------------------------------*/
#pds{
	width:250px;
	float:left;
}

#pds a{
	display:block;
	font-size:14px;
	line-height:25px;
	color:#336633;
	padding-top: 1px;
	padding-right: 13px;
	padding-bottom: 1px;
	padding-left: 13px;
}

#pds a:hover{
	background:#c3e789;
	text-decoration:none;
	padding:0px 12px 0px 12px;
	color:#006666;
	border:solid #b5d87d 1px;
	border-width: 1px;
}
.sousmenu{
padding-left:30px;
}

.partenaires a{
	font-size:14px;
	line-height:15px;
	color:#336633;
	padding-top: 1px;
	padding-right: 13px;
	padding-bottom: 1px;
	padding-left: 13px;
}

.partenaires a:hover{
	background:#c3e789;
	text-decoration:none;
	padding:0px 12px 0px 12px;
	color:#006666;
	border:solid #b5d87d 1px;
	border-width: 1px;
}