/*----------- css2 ------------*/
*{margin: 0; padding: 0;}

body{
font-family:tahoma, "Arial Black", "Times New Roman", Times;
color: #0a3900;
background: url(images/fond_body.png);
padding-top: 10px;
}

/*-------------------------------- conteneur -------------------------------*/
#global {
width: 930px;
margin: auto; 
margin-bottom: 20px; 
position: relative;
border: 2px solid #b6d2ac; 
background: url(images/fond_conteneur.png);
padding-bottom: 120px;
}

p{
padding: 0px 0 10px 0;
}


/*------------------------------------------ en-tête --------------------------------------------*/


#en_tete{
height: 154px;
background: url(images/fond_header.png);
background-repeat: no-repeat;
padding-bottom: 60px;
position: relative;
}

#style{

text-align: right;
font-size: 0.8em;
}

#style label{
color: #ff8b03;
font-weight: normal;
}

#en_tete h1{
position: absolute;
top: 0;
left: 10px;
height: 90px; 
width: 400px;
background: url(images/pomme.png);
background-repeat: no-repeat;
background-position: left center;
}

#en_tete h1 img{
padding-left: 60px;
border: none;
}

#en_tete h1 span{
display: block;
position: absolute;
top: 40px;
left: 370px;
width: 100%;
font-size: 0.9em;
color: #3d8a19;
font-family: book antiqua, tahoma, "Arial Black";
font-style: italic;
}

#en_tete h1 em{
display: block;
position: absolute;
top: 80px;
left: 630px;
width: 100%;
font-size: 0.8em;
color: #3d8a19;
font-family: book antiqua, tahoma, "Arial Black";

}

#en_tete h2 
{
color: #040cb2;
text-align: center;
font-size: 1.1em;
font-style: italic;
}


#evitement{/*------------------------------------------- evitement --------------------------------------------------------*/
height: 25px;
float: right;
width: 400px;
}

#evitement ul{
list-style-type: none; 
margin: 0 5px 0 0;
color: #0a3900;	
}

#evitement li{
float: right;
margin-left: 3px;
}

#evitement li a{
text-decoration: none;
color: #0a3900;
font-size: 10px;

}

#evitement li a:hover{
color: #000;
background: none;
}
/*---------------------------------------- Recherche----------------------------------------------------*/

#recherche{
position: absolute;
right: 75px;
top: 150px;
font-weight: bold;
}

#recherche input, #recherche label{
font-weight: normal;
font-size: 0.7em;
color: #506743;
}

#resultat_recherche{
margin: 0px 15px 20px 250px;

}
/* --------------------------------------- Corps de  page -----------------------------*/

#corps {
margin: 0px 15px 20px 250px;
font-size: 0.8em;
z-index: 500;
position: relative;
padding-bottom: 30px;
padding-top: 30px;
min-height: 700px;
}

#corps h2{
color: #3d8a19;
font-family: book antiqua, tahoma, "Arial Black";
font-size: 1.2em;
margin-bottom: 25px;
margin-top: 25px;
text-decoration: underline;
padding-left: 45px;

background-repeat: no-repeat;
background-position: left center;
line-height: 40px;
}

#diapo{
width: 600px;
margin: 5px auto 25px;
display: block;
}

.creation{
background: url(images/creation.gif);
}

.present{
background: url(images/present.gif);
}

.depannage{
background: url(images/depannage.gif);
}

.apple{
background: url(images/apple.gif);
}

#corps .techno{
padding-left: 65px;
line-height: 60px;
background: url(images/techno-service.gif);
background-repeat: no-repeat;
background-position: left center;
}

.equipe{
background: url(images/equipe.gif);
}

.css{
background: url(images/css.gif);
}

.cahier{
background: url(images/cahier.gif);
}

.outil{
background: url(images/technique-site-internet.gif);
}

.referencement{
background: url(images/referencement.gif);
}

.sous_trait{
background: url(images/sous_trait.gif);
}

.php{
background: url(images/php.gif);
}

.cms{
background: url(images/cms.gif);
}

.virtuel{
background: url(images/virtuel.gif);
}

.autre{
background: url(images/autre.gif);
}

.dernier{
background: url(images/dernier.gif);
}

.folio{
background: url(images/folio.gif);
}

.assistance{
background: url(images/assistance.gif);
}

.internet{
background: url(images/internet.gif);
}

.formation{
background: url(images/formation.gif);
}

.repar{
background: url(images/repar.gif);
}

.contact{
background: url(images/contact.gif);
}

.map{
background: url(images/plan.gif);
}

.aider{
background: url(images/aide.gif);
}

.legal{
background: url(images/legal.gif);
}

.cgv{
background: url(images/cgv.gif);
}

.partenaire{
background: url(images/partenaire.png);
}

.pub{
background: url(images/pub.png);
}

.localisation{
background: url(images/localisation.gif);
}


.lettrine:first-letter{
font-family: times, arial, sans-serif ;
font-style: italic ;
font-size: 3em;
color: #3d8a19;
padding-left: 5px;
padding-right: 0px;
}

#corps h3{
font-family: book antiqua, tahoma, "Arial Black";
font-size: 1.1em;
margin-bottom: 10px;
}

#ghost{
width: 243px;
height: 360px;
position: absolute;
left: -40px;
top: 300px;
z-index: 10;
padding-top: 50px;
font-size: 0.7em;
color: #000;
}

#actu{
width: 243px;
height: 360px;
position: absolute;
left: -40px;
top: 300px;
z-index: 10;
background: url(images/actu.png);
background-repeat: no-repeat;
background-position: left top;
padding-top: 50px;
font-size: 0.7em;
color: #000;
}


#actu p{
margin-left: 55px;
padding-bottom: 10px;
border-right: 1px groove  #b6d2ac;
border-bottom: 1px groove #336760;
}

 #actu h2{
margin: 0 0 15px 28px;
color: #ff8b03;
font-family: book antiqua, tahoma, "Arial Black";
font-size: 1.2em;
line-height: 20px;
padding-left: 23px;
background: url(images/info.jpg);
background-repeat: no-repeat;
background-position: left center;
}

 #actu h3{
margin: 0 0 15px 28px;
color: #ff8b03;
font-family: book antiqua, tahoma, "Arial Black";
font-size: 1.1em;
line-height: 20px;
padding-left: 23px;
background: url(images/info.jpg);
background-repeat: no-repeat;
background-position: left center
}

.news{
margin-bottom: 30px;
}

.news img{
border: 0;
}


/*---------------------------- news defilante -----------------------------------*/
#news
{
width: 180px;
background: #eaf0e8;
margin-left: 50px;

}
#news a
{
color:#3D8A19;
}
#news ul
{
margin:0 5px 0 5px;
padding:0;

}
#news li{
line-height:2em;
list-style-type: none;
}
/* the news box when JavaScript is available */
#news.hasJS
{
height: 250px;
overflow:hidden;
position:relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{
position:absolute;
top:120px;
left: 0px;
margin:0 5px 0 5px;
padding:0;
}

#en_cours{
width: 250px;
height: 600px;
position: absolute;
left: -280px;
top: 50px;
background: url(images/en_cours.png);
background-repeat: no-repeat;
background-position: left top;
padding-top: 50px;
font-size: 0.9em;
color: #000;
z-index: 10;

}

#en_cours ul{
padding-top: 300px;
padding-bottom: 10px; 
list-style-type: none;
}

#en_cours ul li{
margin: 0 0 20px -10px;
line-height: 30px;
padding-left: 33px;
background: url(images/encours.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#en_cours  img{
margin:5px 0 0 5px;
}

#partenaire_gauche{
width: 250px;
min-height: 200px;
position: absolute;
left: -280px;
top: 100px;
background: url(images/partenaire-site-internet.png);
background-repeat: no-repeat;
background-position: left top;
padding-top: 50px;
font-size: 0.9em;
color: #000;
z-index: 10;

}

.ex_logo{

margin-left: 55px;
}

.arobase{
width: 178px;
height: 342px;
margin-left: 55px;
position: absolute;
left: -290px;
top: 50px;
}

#engrenage{
width: 210px;
position: absolute;
left: -240px;
top: 100px;
font-size: 0.9em;
color: #000;


}

#engrenage p{
padding: 0;
border-right: 1px groove  #b6d2ac;
border-bottom: 1px groove #336760;
padding-right: 5px;
margin: 0;
}


#corps #engrenage h2{
margin: 15px 0 10px -22px;
padding: 0;
color: #3d8a19;
font-family: book antiqua, tahoma, "Arial Black";
font-size: 1.1em;
line-height: 20px;
background: url(images/info.jpg);
background-repeat: no-repeat;
background-position: left top;
text-decoration: none;
}

#corps #engrenage h2 span{
padding: 0;
margin-left: 30px;

}

#engrenage img{
display: block;
margin: 15px auto;

}

#coordonne{
color: #002fd0;
text-align: center;
padding-bottom: 30px;
}

.postier{
width: 250px;

margin-left: 55px;
position: absolute;
left: -278px;
top: 231px;
}

.inter_postier{
width: 250px;
height: 30px;
}

#pub{
margin-left: 90px;
}

.sextant{
width: 250px;
height: 239px;
margin-left: 55px;
position: absolute;
left: -305px;
top: 200px;
}

.boussole{
width: 250px;
height: 257px;
margin-left: 55px;
position: absolute;
left: -305px;
top: 100px;
}

#cocci{
width: 250px;
height: 350px;
margin-left: 0px;
background: url(images/rugby.png);
}

.portfolio{
width: 250px;
height: 376px;
margin-left: 55px;
position: absolute;
left: -305px;
top: 0px;

}

.important{
color: #0030d0;
text-align: center;
font-style: normal;
}

.gras{
font-weight: bold;
}

.orange{
font-weight: bold;
color: #ff8b39;
}

#citation {
color: #3d8a18;
margin-bottom: 30px;
}

.aide span{
color: #ff8b03;
font-weight: bold;
}

#assistance{
padding: 10px; 
margin-top: 30px; 
margin-bottom: 30px; 
border: 2px solid #b6d2ac;

}

#top_page{
text-align: right;
margin-top: 30px;
}

.attention 
{

font-size: 1.2em;
}


ul /* listes à puces */
{
padding: 0px; 
padding-left: 15px; 
margin: 0px; 
margin-bottom: 5px; 
}

.liste li{
padding: 5px 0 5px 0;
}

.photo_droite
{
float: right;
margin-left: 25px;
border: 0px;
}
.photo_gauche
{
float: left;
margin-right: 25px;
border: 0;
}

.photo_gauche a
{
text-decoration: none;
}

.photo_centre
{
margin-right: 25px;
margin-left: 25px; 
}

#commune a {
position: relative;
margin-right: 5px;
text-decoration: none;
}

.liste_commune{
border: 0;
margin: 10px 10px 0pt 140px;
vertical-align: middle;
}

#commune a span{
display: none;
}

#commune a:hover span{
display: block;
width: 500px;
position: absolute;
left: 0;
bottom: 40px;
font-weight: normal;
font-size: 90%;
margin-left: 5%;
border: 2px solid #ff8b03;
padding: 5px;
background: #e4ece0;
color:#506743;

}

/*------------------------------------------ Tarif---------------------------------*/
.tarif{
border: 1px solid #ff8b03;
padding: 5px;
}

.tarif a{
float: right;
padding: 0px 5px 0 23px;
font-weight: bold;
color: #ff8b03;
display: block;
background: url(images/smiley.jpg);
background-repeat: no-repeat;
line-height: 20px;
}

.tarif em{
font-size: 90%;
font-weight: normal;
color: #000;
margin-left: 20px;
}

/*------------------------------------------ liens bruts ---------------------------------*/
a {
color: #3d8a19;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.a_voir{
font-family:tahoma, "Arial Black", "Times New Roman", Times; 
font-size: 1.0em;
background: #ffffff;
text-align: center;
}

.a_voir a {
color: #d65300;
text-decoration: none;
}

.a_voir a:hover {
background-color: #525252;
color:#ffffff;
}

.local{
margin-left: -9999px;
}
/* --------------------------------------- Pied de  page --------------------------------------------*/

#pied_de_page{
height: 363px;
width: 930px;
text-align: center;
color: #525252;
font-weight: bold;
background: url(images/fond_footer.png);
font-size: 0.6em;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}

#pied_de_page p{
width: 100%;
position: absolute;
left: 0;
bottom: 0;

}

#opquast{
position: absolute;
left: 10px;
top: -10px;

}

#pied_de_page img{
border: 0;

}

/*------------------------------------------- Menu 1-------------------------------------------------*/

#menu_1{
width: 300px;
height: 270px;
position: absolute;
left: -150px;
top: 50px;
background: url(images/creation-site-internet.png); 
}

#menu_1 ul{	
width: 300px;
height: 120px;
list-style-type: none;
position: absolute;
left: 230px;
top: 40px;
padding-bottom: 5px;/* -------------------- pour ie7 ------------ */
}
	
#menu_1 li{	
padding-left: 20px;
background: url(images/puce.png);
background-repeat: no-repeat;
background-position: left bottom;
line-height: 12px;
font-size: 1em;
font-weight: bold;
margin-top: 20px;

}



.margin1{	

margin-left: 15px;

}

.margin2{	

margin-left: 20px;

}

#menu_1 li a{	
font-size: 0.8em;
font-weight: bold;
color: #3d8a19;
}

#menu_1 li a:hover{	
background: none;
text-decoration: underline;
}


#menu_1 #courant{	
padding-left: 20px;
background: url(images/puce_verte.png);
background-repeat: no-repeat;
background-position: left bottom;
line-height: 12px;
font-size: 1em;
font-weight: bold;
margin-top: 20px;

}

#menu_1 #courant a{	
font-size: 0.8em;
font-weight: bold;
color: #ff8b03;
}

/*------------------------------------------- Menu 2 -------------------------------------------------*/

#menu_2{
width: 300px;
height: 270px;
position: absolute;
left: -150px;
top: 50px;
background: url(images/creation-site-internet.png);
}

#menu_2 ul{	
width: 300px;
height: 120px;
list-style-type: none;
position: absolute;
left: 240px;
top: 50px;
padding-bottom: 5px;/* -------------------- pour ie7 ------------ */
}
	
#menu_2 li{	
padding-left: 20px;
background: url(images/puce.png);
background-repeat: no-repeat;
background-position: left bottom;
line-height: 12px;
font-size: 1em;
font-weight: bold;
margin-top: 20px;

}

.actif{	
color: #ff8b03;
font-style: italic;
}

.margin1{	

margin-left: 15px;

}

#menu_2 li a{	
font-size: 0.8em;
font-weight: bold;
color: #3d8a19;
}

#menu_2 li a:hover{	
background: none;
text-decoration: underline;
}

#menu_2 #courant{	
padding-left: 20px;
background: url(images/puce_verte.png);
background-repeat: no-repeat;
background-position: left bottom;
line-height: 12px;
font-size: 1em;
font-weight: bold;
margin-top: 20px;

}

#menu_2 #courant a{	
font-size: 0.8em;
font-weight: bold;
color: #ff8b03;
}


.clear
{
clear: both;
}

/*------------------------------------------- Le petit menu ------------------------------------*/

#petit_menu
{
font-family:tahoma, "Arial Black", "Times New Roman", Times; 
font-size: 0.7em;
background: #ffffff;
text-align: center;
}

/* --------------------------------------- tableau de liens--------------------------------------------*/
.conteneur
{  
border: 1px  solid #b6d2ac;
overflow: hidden;
padding-bottom: 20px;
}

.colonne_gauche
{  
width: 49%;
overflow: hidden;

margin-top: 10px;
float: left;
}
.colonne_droite
{ 
width: 49%;
overflow: hidden;
float: right;

margin-top: 10px;

}

.colonne_gauche img
{
border: 0px;
margin-top: 15px;
}

.colonne_gauche table, .colonne_droite table
{
margin: auto;

}

.colonne_gauche p
{
text-align: center;
margin-top: 15px;
}

.colonne_droite img
{
border: 0px;
margin-top: 15px;
}

.colonne_droite p
{
text-align: center;
margin-top: 5px;
}

/* --------------------------------------- prévious sites --------------------------------------------*/

.site {
padding-bottom: 20px;
}

.site li {
margin: 5px 0 5px 10px;

}

.site  li span{
display: block;
margin-top: 10px;
}

/* --------------------------------------- formulaires --------------------------------------------*/

input, textarea
{
font-family:tahoma, "Arial Black", "Times New Roman", Times, serif;
font-size: 0.9em;
font-weight: bold;
}

input:focus, textarea:focus 
{
background-color: #e3e3e3;
}

label
{
color: #ffffff;
font-weight: bold; 
}
fieldset
{
background: #2e3752;
padding: 10px;
width: 200px;
margin: auto;

} 

.a6t{  
margin-top: 30px;

}


.a6t_why span{
color: #0030d0;
font-size: 1.2em;

}

.img_a6t{  
margin-right: 100px;
margin-top: 32px;
float: right;

}

.a6t a{  
 
color: #666666; 
font-size: 1.2em;    
font-weight: bold;

}

.a6t a:hover {  
text-decoration: underline; 
}


/* --------------------------------------- site map --------------------------------------------*/

.sitemap   {
list-style-type: none;
margin: 30px 0 30px 30px;
width: 400px;
font-weight: bold;
}

.plan   {
font-weight: bold;
font-size: 1.2em;
color: #002fd0;
}

.sitemap  li   {
margin: 10px 0 10px 0px;
}

.sitemap  li a  {
text-decoration: none;
color: #506743;
}

.sitemap  li ul  a{
color: #000;
}

.sitemap  ul  ul a{
color: #3d8a18;
}

.sitemap  li a:hover,.sitemap  li a:focus  {
text-decoration: underline;
background: none;

}

.sitemap  li ul  {
list-style-type: circle;
margin: 10px 0 10px 50px;

color: #000;
}

.sitemap  ul  ul{
margin: 5px 0 5px 10px;
list-style-type: square;
font-weight: normal;
}

.sitemap  span{
font-weight: normal;
font-size: 10px;
font-style: italic;
margin-left: 20px;
}

#corps form{  /*-------------------- formulaire contact --------------------------------------*/
border: 2px solid #b6d2ac;
margin: 15px 30px 50px 0px; 

}					

#corps fieldset{
width: 90%;
margin-left: auto;
margin-right: auto;
border: 0;
background: transparent;
} 

#corps label{
color: #000;
font-size: 1em;
font-weight: normal;
}

#corps input, textarea{
border: 1px solid #b6d2ac;

}

.envoyer{
border: 1px solid #000;
background: #F7723B;
color: #fff;
font-weight: bold;
}

.erreur{
margin-left: 20px;
text-align: center;
border: 1px solid #000;
background: red;
color: #fff;
font-weight: bold;
}

.reessayer{
text-decoration: none; 
font-weight: bold; 
color: #F7723B;;
}

#corps legend{
font-weight: bold; 
padding-top: 20px;

}

#palliatif{
font-size: 0.7em;
display: block;
height: 50px;
line-height: 50px;
padding: 0 5px 0 55px;
background: url(images/ghost_1.png);
background-repeat: no-repeat;
}

.rss{/*------------------------------------- Flux TDS ------------------------------------------------------------*/
list-style-type: none;
margin-left: 55px;
padding-bottom: 10px;
border-right: 1px groove  #b6d2ac;
border-bottom: 1px groove #336760;
}

#tds{
padding-left: 40px;
background: url(images/tds.png);
background-repeat: no-repeat;
background-position: left center;
}

#tds a{
color: red;
font-weight: bold;
}

#bottom{/*-------------------------------------------- bottom -------------------------------------------------------------------------*/
width: 790px;
text-align: center;
margin: 0 auto;
}

#bottom a{
font-weight: normal;
color: #b3b3b3;
}

#bottom a:hover{
text-decoration: none;
}

#bottom h3{
font-size: 0.8em;
color: #b3b3b3;
}