* {
margin: 0px;
padding: 0px;
}

body {
text-align: center;
padding-top: 10px;
background-color: #87b911;
background-image: url(images/background.png);
background-repeat: repeat-x;
background-position: top center;
background-attachment: fixed;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#global_large {
width: 990px;
margin-left: auto;
margin-right: auto;
text-align: left; 
}

#bg_fleur {
width: 990px;
height: 333px;
position: fixed;
top: 0px;
background-image: url(images/paysage.png);
background-repeat: no-repeat;
background-position: top right;
text-align: right;
}

#bg_fleur img {
position: absolute;
top: 247px;
right: 13px;
}

#global {
width: 945px;
text-align: left;
position: relative;
z-index: 1;
}

#globalbg {
width: 918px;
padding-right: 7px;
background-image: url(images/bord.png);
background-repeat: repeat-y;
background-position: top right;
}

#globalbgl {
width: 918px;
padding-left: 7px;
background-image: url(images/bordl.png);
background-repeat: repeat-y;
background-position: top left;
}

#haut {
width: 925px;
height: 20px;
background-image: url(images/haut.png);
background-repeat: no-repeat;
}

#entete {
width: 995px;
height: 90px;
background-image: url(images/entete.png);
background-repeat: no-repeat;
position: fixed;
z-index: 1000000000;
}

#logo {
width: 925px;
height: 90px;
background-image: url(images/logo.png);
background-repeat: no-repeat;
background-position: 4px 17px;
color: #023859;
font-size: 11px;
line-height: 116px;
letter-spacing: 1px;
font-family: Amaranth, Tahoma, Geneva, Kalimati, sans-serif;
text-indent: 4px;
}

#menu {
position: absolute;
top: 11px;
left: 369px;
}

#menu ul {
padding: 0px;
margin: 0px;
height: 30px;
}

#menu ul li {
list-style-type: none;
width: 104px;
padding: 0px;
margin: 0px;
margin-right: 2px;
color: #000;
text-shadow: 1px 1px 0px #d5f5ff;
font-size: 16px;
line-height: 72px;
letter-spacing: 0px;
font-family: Amaranth, Tahoma, Geneva, Kalimati, sans-serif;
text-align: center;
float: left;
display: inline;
position: relative;
background-image: url(images/nuage.png);
background-repeat: no-repeat;
background-position: center top;
}

#menu ul li a {
color: #fff;
text-shadow: 1px 1px 0px #000;
font-size: 16px;
line-height: 26px;
letter-spacing: 0px;
font-family: Amaranth, Tahoma, Geneva, Kalimati, sans-serif;
text-decoration: none;
display: block;
padding-top: 10px;
width: 104px;
height: 0px;
}

#menu ul li a:hover {
color: #000;
text-shadow: 1px 1px 0px #d5f5ff;
}

#menu ul li a:active {
color: #000;
text-shadow: 1px 1px 0px #d5f5ff;
background-color: #6eb6f7;
background-image: url(images/nuage2.png);
background-repeat: no-repeat;
background-position: center top;
width: 104px;
height: 43px;
}

#background {
width: 911px;
height: 100%;
background-color: #ffffff;
background-image: url(images/floral.png);
background-repeat: no-repeat;
background-position: 0px 0px; 
}

#principal {
width: 905px;
padding-top: 70px;
padding-left: 10px;
}

#principal.index_fen {
background-image: url(images/fenetres.png);
background-repeat: no-repeat;
background-position: 11px 272px;
_background-position: 11px 202px;
}

#principal.service {
background-image: url(images/portable.png);
background-repeat: no-repeat;
background-position: 439px 215px;
}

#principal.competences {
background-image: url(images/dessin.png);
background-repeat: no-repeat;
background-position: 468px 367px;
}

#principal.conditions {
background-image: url(images/traces.png);
background-repeat: no-repeat;
background-position: 559px 413px;
}

#principal.contact {
background-image: url(images/contact.png);
background-repeat: no-repeat;
background-position: 506px 298px;
}

#principal.merci {
background-image: url(images/merci.png);
background-repeat: no-repeat;
background-position: 507px 369px;
}

#principal.glossaire {
background-image: url(images/blocs.png);
background-repeat: no-repeat;
background-position: 760px 180px;
}

#conteneur_droit {
float: right;
display: inline;
width: 230px;
height: 302px;
margin-right: 19px;
margin-top: 40px;
}

#conteneur_droit #boite {
width: 220px;
height: 302px;
margin: 7px;
padding: 3px;
background-image: url(images/papier.png);
background-repeat: no-repeat;
background-position: top left;
}

#conteneur_droit #boite.service {
background-image: url(images/papier2.png);
}

#conteneur_droit #boite.competences {
background-image: url(images/papier3.png);
}

#conteneur_droit #boite.conditions {
background-image: url(images/papier4.png);
}

#conteneur_droit #boite.contact {
background-image: url(images/papier5.png);
}

h6 {
color: #62870c;
font-size: 11px;
font-family: "Indie Flower", arial, geneva, helvetica, sans-serif;
font-style: italic;
font-weight: normal;
line-height: 13px;
text-align: right;
margin: 0px;
margin-right: 12px;
margin-top: 32px;
padding: 0px;
}

h3 {
font-size: 15px;
color: #55750b;
text-shadow: 1px 1px 0px #e8f9bf;
font-family: "Indie Flower", arial, geneva, helvetica, sans-serif;
font-style: italic;
font-weight: normal;
line-height: 20px;
text-align: left;
width: 111px;
padding: 1px;
padding-left: 10px;
margin: 0px;
margin-top: 7px;
float: left;
display: inline;
}

#conteneur_droit  p {
color: #235b7b;
font-family: "Indie Flower", Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
text-align: right;
margin: 2px;
margin-top: 11px;
padding: 6px;
padding-top: 0px;
padding-right: 10px;
}

#bas {
height: 54px;
margin-bottom: 20px;
background-image: url(images/bas.png);
background-repeat: no-repeat;
background-position: bottom left;
}

#bas2 {
height: 24px;
width: 960px;
background-image: url(images/bas_aidesite.png);
background-repeat: no-repeat;
background-position: center bottom;
}

#bas p {
color: #5e5783;
font-family: "Amaranth", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
text-align: center;
margin-top: 0px;
padding: 0px;
width: 960px;
height: 10px;
}

#bas_floral {
padding: 0px;
margin: 0px;
margin-right: 4px;
height: 51px;
background-image: url(images/floral_bas.png);
background-repeat: no-repeat;
background-position: bottom right;
}

a {
color: #6b8718;
text-decoration: underline;
font-weight: normal;
font-size: 16px;
letter-spacing: -1px;
}

a:hover {
color: #86a81e;
text-decoration: none;
}

a.gros {
color: #6b8718;
text-decoration: underline;
font-weight: normal;
font-size: 18px;
letter-spacing: -1px;
}

a.gros:hover {
color: #86a81e;
text-decoration: none;
}

a.def {
color: #0c4f98;
letter-spacing: 0px;
text-decoration: none;
cursor: help;
}

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

p {
color: #383654;
font-size: 16px;
line-height: 22px;
text-align: justify;
margin: 0px;
margin-bottom: 25px;
padding: 0px;
}

img {
vertical-align: text-bottom;
border: 0px;
}

.fl {
float: left;
display: inline;
}

.fr {
float: right;
display: inline;
}

.clear {
clear: both;
}

.italic {
font-style: italic;
}

.let {
font-size: 22px;
color: #950b73;
text-shadow: 1px 1px 0px #fcd6ee;
font-weight: normal;
}

h1 {
color: #b30d89;
font-size: 26px;
line-height: 20px;
font-weight: normal;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: left;
letter-spacing: 1px;
padding: 0px;
padding-left: 312px;
padding-top: 45px;
margin: 0px;
margin-bottom: 45px;
}

h1:first-letter {
font-size: 28px;
}

h2 {
color: #22280d;
text-shadow: 0px 0px 30px #b7f107;
font-size: 20px;
line-height: 20px;
font-weight: normal;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px;
margin-bottom: 8px;
padding: 1px;
}

#titreh5 {
position: fixed;
z-index: 1000000000;
top: 14px;
text-align: right;
width: 890px;
}

h5 {
font-size: 14px;
font-weight: bold;
color: #272727;
text-shadow: 1px 1px 0px #d5f5ff;
font-family: Amaranth, Tahoma, Geneva, Kalimati, sans-serif;
line-height: 15px;
height: 19px;
padding-right: 6px;
padding-top: 8px;
text-align: right;
}

h5 img {
margin-left: 2px;
}

#intro {
width: 630px;
margin-left: 10px;
float: left;
display: inline;
}

#intro p {
color: #383654;
font-size: 18px;
line-height: 24px;
text-align: justify;
margin: 0px;
margin-bottom: 25px;
padding: 0px;
}

#intro p.first {
text-indent: 28px;
}

#intro p:first-letter {
font-size: 20px;
line-height: 1px;
}

#intro p.intro_2 {
margin-left: 236px;
margin-bottom: 0px;
width: 394px;
}

#intro p.contact {
width: 610px;
}

#index2 {
width: 871px;
margin-left: 10px;
margin-top: 45px;
margin-bottom: 40px;
float: left;
display: inline;
}

#ligne {
float: right;
display: inline;
width: 672px;
border: 0px;
border-bottom: 1px solid #556420;
height: 17px;
}

#index2 h2 {
color: #22280d;
text-shadow: 0px 0px 30px #b7f107;
font-size: 20px;
line-height: 20px;
font-weight: normal;
text-align: left;
margin: 0px;
margin-bottom: 8px;
padding: 1px;
float: left;
display: inline;
}

#index2 p {
margin-bottom: 3px;
font-size: 14px;
line-height: 18px;
padding: 2px;
background-image: url(images/fleche.png);
background-repeat: no-repeat;
background-position: 3px 3px;
}

#index2 p span {
color: #950b73;
}

#colonne1 {
text-indent: 25px;
float: left;
width: 265px;
margin-right: 14px;
background-color: #f9f9f9;
padding: 7px;
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040;
}

#colonne2 { 
text-indent: 25px;
float: right; 
width: 265px; 
margin-left: 10px; 
background-color: #f9f9f9; 
padding: 7px;
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040;
}
 
#centre {
text-indent: 25px;
overflow: hidden; 
width: 265px; 
background-color: #f9f9f9; 
padding: 7px;
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040; 
}

#bulle1 {
width: 830px;
height: 42px;
background-image: url(images/frog.png);
background-repeat: no-repeat;
background-position: 618px 0px;
}

#bulle {
position: relative;
left: 673px;
top: -68px;
width: 110px;
height: 74px;
text-align: center;
}

#bulle a {
color: #fff;
font-style: italic;
font-weight: normal;
font-size: 14px;
line-height: 14px;
letter-spacing: 0px;
text-decoration: none;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 143px;
height: 92px;
display: block;
padding-top: 22px;
background-image: url(images/bulle_pleine2.png);
background-repeat: no-repeat;
background-position: top right;
}

#bulle a:hover {
color: #496716;
text-shadow: 1px 1px 0px #fff;
background-image: url(images/bulle_pleine.png);
background-repeat: no-repeat;
}

#main {
width: 30px;
height: 27px;
position: relative;
top: -14px;
left: 582px;
background-image: url(images/main.png);
background-repeat: no-repeat;
z-index: 999;
}

#navigation {
width: 323px;
height: 102px;
margin-right: 22px;
margin-top: -29px;
float: right;
display: inline;
}

#navigation .nav {
width: 154px;
height: 40px;
padding: 3px;
padding-right: 0px;
background-color: #abd95d;
border: 1px solid #9dd343;
}

.chevalet2 {
background-image: url(images/chevalet2.png);
background-repeat: no-repeat;
background-position: bottom right;
border-radius: 7px;
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
}

.chevalet3 {
background-image: url(images/chevalet3.png);
background-repeat: no-repeat;
background-position: bottom right;
}

.pinceaux2 {
background-image: url(images/pinceaux2.png);
background-repeat: no-repeat;
background-position: 100px -20px;
border-radius: 7px;
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
}

.pinceaux3 {
background-image: url(images/pinceaux3.png);
background-repeat: no-repeat;
background-position: 100px -20px;
}

.outils2 {
background-image: url(images/outils2.png);
background-repeat: no-repeat;
background-position: bottom right;
border-radius: 7px;
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
}

.outils3 {
background-image: url(images/outils3.png);
background-repeat: no-repeat;
background-position: bottom right;
}

.sacs2 {
background-image: url(images/sacs2.png);
background-repeat: no-repeat;
background-position: bottom right;
border-radius: 7px;
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
}

.sacs3 {
background-image: url(images/sacs3.png);
background-repeat: no-repeat;
background-position: bottom right;
}

#navigation .nav span {
color: #22280d;
text-shadow: 1px 1px 0px #d2f960;
font-weight: normal;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 16px;
float: left;
display: inline;
}

#navigation .nav span.text {
display: none;
}

#navigation .nav a {
color: #22280d;
text-shadow: 1px 1px 0px #d2f960;
font-weight: normal;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 18px;
text-decoration: none;
float: right;
display: block;
width: 154px;
height: 38px;
padding-top: 5px;
}

#navigation .nav a:hover span.text {
color: #22280d;
text-shadow: 1px 1px 0px #d2f960;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 14px;
text-decoration: none;
background-color: #9cd713;
display: block;
width: 154px;
height: 37px;
padding-left: 3px;
position: relative;
padding-top: 9px;
margin-top: -26px;
margin-left: -3px;
border-radius: 7px;
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
}

#navigation .nav a:hover span.text span.first {
color: #22280d;
text-shadow: 1px 1px 0px #d2f960;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 15px;
float: left;
display: inline;
padding-bottom: 10px;
}

#navigation .nav a:active span.text {
color: #950b73;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-shadow: 1px 1px 0px #fff;
font-size: 16px;
line-height: 14px;
text-decoration: none;
background-color: #9cd713;
display: block;
width: 154px;
height: 37px;
padding-left: 3px;
position: relative;
padding-top: 9px;
margin-top: -26px;
margin-left: -3px;
border-radius: 7px;
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
}

#navigation .nav a:active span.text span.first {
color: #950b73;
text-shadow: 1px 1px 0px #fff;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 15px;
float: left;
display: inline;
padding-bottom: 10px;
}

.cadre_index {
width: 518px;
height: 100%;
float: left;
display: inline;
margin-top: -70px;
margin-left: 9px;
padding-top: 20px;
background-image: url(images/traces.png);
background-repeat: no-repeat;
background-position: 104px 0px;
}

.cadre_index h2 {
font-size: 24px;
line-height: 24px;
color: #56770b;
font-weight: normal;
text-shadow: 1px 1px 0px #ebfbc0;
text-align: left;
float: left;
display: inline;
width: 150px;
margin: 0px;
padding: 0px;
padding-top: 7px;
}

.cadre_index p {
margin: 0px;
padding: 0px;
line-height: 20px;
padding-top: 5px;
}

#intro_service {
width: 630px;
margin-left: 10px;
float: left;
display: inline;
}

#intro_service p {
color: #383654;
font-size: 18px;
line-height: 24px;
text-align: justify;
margin: 0px;
margin-bottom: 25px;
padding: 0px;
}

#intro_service p.first {
text-indent: 28px;
}

#intro_service p:first-letter {
font-size: 20px;
line-height: 1px;
}

#intro_service p.marge {
margin-right: 185px;
width: 445px;
}

#service2 {
width: 870px;
padding-top: 5px;
margin-left: 10px;
clear: both;
}

#service2 p {
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
}

#service2 a {
font-size: 18px;
}

h4 {
text-align: center;
text-indent: 55px;
width: 452px;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-image: url(images/fond_h5.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#h4 {
width: 100%;
height: 70px;
}

#h4 a {
color: #fff;
font-size: 16px;
line-height: 70px;
font-weight: normal;
font-style: italic;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
letter-spacing: 0px;
}

#h4 a:hover {
color: #e6fca3;
}

#h4 a:active {
color: #fff;
}

#service3 {
width: 871px;
height: 914px;
margin-top: 20px;
margin-left: 10px;
background-image: url(images/traces.png);
background-repeat: no-repeat;
background-position: 177px 393px;
}

#service3 a {
font-size: 14px;
}

#service3 p {
margin-top: 3px;
margin-bottom: 5px;
margin-left: 3px;
font-size: 14px;
line-height: 18px;
}

#service3 p span {
color: #950b73;
}

#service3 img {
float: right;
display: inline;
margin-left: 5px;
}

#service3 h2 {
color: #22280d;
text-shadow: 0px 0px 30px #b7f107;
font-size: 20px;
line-height: 20px;
font-weight: normal;
text-align: left;
margin: 0px;
margin-bottom: 8px;
padding: 1px;
float: left;
display: inline;
}

#service3 #ligne {
float: right;
display: inline;
width: 685px;
border: 0px;
border-bottom: 1px solid #556420;
height: 17px;
}

#service3 h5 {
font-weight: normal;
text-indent: 3px;
color: #22280d;
text-shadow: 1px 1px 0px #d2f960;
font-size: 18px;
line-height: 20px;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal;
letter-spacing: -1px;
text-align: left;
margin: 0px;
margin-bottom: 5px;
padding: 0px;
background-color: #abd95d;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

#service3 #colonne1 {
text-indent: 0px; 
float: left;
display: inline;
margin-bottom: 30px;
width: 405px;
height: 328px;
background-color: #f9f9f9;
padding: 7px;
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040;
}

#service3 #col1bg {
width: 405px;
height: 328px;
background-image: url(images/chevalet.png);
background-repeat: no-repeat;
background-position: 347px 227px;
}

#service3 #colonne2 {
text-indent: 0px;
float: right; 
display: inline;
margin-bottom: 30px;
width: 405px;
height: 328px; 
background-color: #f9f9f9;
padding: 7px;
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040;
}

#service3 #col2bg {
width: 405px;
height: 328px;
background-image: url(images/pinceaux.png);
background-repeat: no-repeat;
background-position: 337px 263px;
}

#service3 #colonne3 {
float: left; 
display: inline;
width: 405px;
height: 328px; 
background-color: #f9f9f9;
padding: 7px;
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040;
}

#service3 #col3bg {
width: 405px;
height: 328px;
background-image: url(images/outils.png);
background-repeat: no-repeat;
background-position: 348px 263px;
}

#service3 #colonne4 {
float: right; 
display: inline;
width: 405px;
height: 328px;
background-color: #f9f9f9;
padding: 7px;
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040;
} 

#service3 #col4bg {
width: 405px;
height: 328px;
background-image: url(images/sacs.png);
background-repeat: no-repeat;
background-position: 332px 258px;
}

#colonne4 p.bas {
line-height: 16px;
font-size: 14px;
float: left;
display: inline;
width: 329px;
}

ul.service {
list-style-position: outside;
list-style-type: square;
text-align: left;
width: 350px;
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-top: 2px;
float: right;
display: inline;
}

ul.service li {
padding: 0px;
padding-bottom: 2px;
color: #950b73;
font-size: 13px;
line-height: 15px;
}

ul.service li span {
color: #4f6c0b;
}

ul.service .sous {
list-style-position: outside;
list-style-type: disc;
text-align: left;
padding: 0px;
padding-left: 40px;
margin: 0px;
margin-top: 3px;
}

ul.service .sous li {
padding: 0px;
padding-bottom: 2px;
color: #950b73;
font-size: 12px;
line-height: 13px;
}

ul.service .sous li span {
color: #4f6c0b;
}

#service3 h3 {
font-size: 24px;
line-height: 21px;
color: #56770b;
font-weight: normal;
font-style: normal;
text-shadow: 1px 1px 0px #ebfbc0;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: left;
float: left;
display: inline;
width: 155px;
margin: 0px;
margin-left: 70px;
padding: 0px;
padding-top: 0px;
line-height: 21px;
}

#service3 h3 span {
font-size: 22px;
}

#service3 p.site {
font-size: 16px;
line-height: 17px;
margin-right: 70px;
margin-left: 70px;
margin-top : 5px;
margin-bottom: 35px;
}

#intro_competences {
width: 630px;
margin-left: 10px;
float: left;
display: inline;
}

#intro_competences p {
color: #383654;
font-size: 18px;
line-height: 24px;
text-align: justify;
margin: 0px;
margin-bottom: 25px;
padding: 0px;
}

#intro_competences p.first {
text-indent: 28px;
}

#intro_competences p:first-letter {
font-size: 20px;
line-height: 1px;
}

#intro_competences p.marge {
margin-right: 185px;
width: 445px;
}

#competences_left {
float: left;
display: inline;
width: 420px;
margin-left: 12px;
margin-top: 10px;
}

#competences_left h6 {
font-weight: normal;
text-indent: 3px;
color: #22280d;
text-shadow: 1px 1px 0px #d2f960;
font-size: 14px;
line-height: 17px;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal;
text-align: left;
margin: 0px;
margin-bottom: 3px;
padding: 0px;
background-color: #abd95d;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

#competences_left .element {
margin-bottom: 15px;
padding: 7px;
padding-bottom: 3px;
background-color: #f9f9f9; 
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040;
}

#competences_left p {
font-size: 14px;
line-height: 17px;
margin-bottom: 0px;
padding-bottom: 17px;
padding-left: 3px;
}

#competences_left p a.def {
font-size: 14px;
color: #0c4f98;
letter-spacing: 0px;
text-decoration: none;
}

#competences_left p a.def:hover {
text-decoration: underline;
cursor: help;
}

#competences_right {
float: right;
display: inline;
width: 420px;
margin-right: 24px;
margin-top: 40px;
}

#competences_right h6 {
font-weight: normal;
text-indent: 3px;
color: #22280d;
text-shadow: 1px 1px 0px #d2f960;
font-size: 14px;
line-height: 17px;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal;
text-align: left;
margin: 0px;
margin-bottom: 3px;
padding: 0px;
background-color: #abd95d;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

#competences_right .element {
margin-bottom: 15px;
padding: 7px;
padding-bottom: 3px;
background-color: #f9f9f9; 
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040;
}

#competences_right p {
font-size: 14px;
line-height: 17px;
margin-bottom: 0px;
padding-bottom: 17px;
padding-left: 3px;
}

#competences_right p a.def {
font-size: 14px;
color: #0c4f98;
letter-spacing: 0px;
text-decoration: none;
}

#competences_right p a.def:hover {
text-decoration: underline;
cursor: help;
}

#competences_left p.cible {
background-image: url(images/cible.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#competences_left p.identite {
background-image: url(images/identite.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#competences_left p.souris {
background-image: url(images/souris.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#competences_left p.mise_page {
background-image: url(images/mise_page.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#competences_left p.typo2 {
background-image: url(images/typo2.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#competences_right p.typographie {
background-image: url(images/typographie.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#competences_right p.computer {
background-image: url(images/computer.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#competences_right p.code {
background-image: url(images/code.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#competences_right p.w3c {
background-image: url(images/w3c.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#screen {
width: 886px;
height: 400px;
margin-top: 40px;
text-align: center;
background-image: url(images/screen_bg.png);
background-repeat: no-repeat;
background-position: left bottom;
}

#screen table {
border-collapse: collapse;
float: right;
display: inline;
margin-bottom: 50px;
}

#screen table th.haut {
vertical-align: middle;
text-align: left;
font-size: 28px;
line-height: 26px;
color: #56770b;
text-shadow: 1px 1px 0px #ebfbc0;
font-weight: normal;
}

#screen table th {
vertical-align: top;
line-height: 12px;
padding-bottom: 12px;
}

#screen table th.bas {
vertical-align: bottom;
line-height: 12px;
padding-bottom: 2px;
padding-top: 10px;
}

#screen table th a {
color: #56770b;
font-size: 13px;
font-weight: normal;
font-family: Amaranth, arial, geneva, helvetica, sans-serif;
letter-spacing: 0px;
text-decoration: none;
text-shadow: 2px 2px 2px #ebfbc0;
}

#screen table a img {
opacity: 1.0;
filter: alpha(opacity=100);
text-decoration: none;
}

#screen table img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}

#screen table img.none:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}

#screen table td {
vertical-align: bottom;
}

a.info {
position: relative;
float: left;
display: inline;
}

a.info span {
display: none;
}

a.info:hover {
background: none;
z-index: 500;
}

a.info:hover span {
display: inline;
position: absolute;
top: 151px;
left: 0px;
width: 190px;
padding: 5px;
text-align: center;
text-decoration: none;
color: #22280d;
font-size: 16px;
line-height: 16px;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 0px;
}

a.info_top {
position: relative;
float: left;
display: inline;
}

a.info_top span {
display: none;
}

a.info_top:hover {
background: none;
z-index: 500;
}

a.info_top:hover span {
display: inline;
position: absolute;
top: -43px;
left: 0px;
width: 190px;
padding: 5px;
text-align: center;
text-decoration: none;
color: #22280d;
font-size: 16px;
line-height: 16px;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 0px;
}

#parcours {
clear: both;
width: 881px;
height: 340px;
background-image: url(images/frog_bras_haut.png);
background-repeat: no-repeat;
background-position: 8px 19px;
}

#parcours #main {
width: 29px;
height: 27px;
position: relative;
top: 19px;
left: 76px;
background-image: url(images/main2.png);
background-repeat: no-repeat;
}

#parcours #main2 {
width: 29px;
height: 27px;
position: relative;
top: 63px;
left: -14px;
background-image: url(images/main3.png);
background-repeat: no-repeat;
}

#parcours h2 {
color: #22280d;
text-shadow: 0px 0px 30px #b7f107;
font-size: 20px;
line-height: 20px;
font-weight: normal;
text-align: left;
margin: 0px;
margin-bottom: 8px;
margin-left: 9px;
padding: 1px;
float: left;
display: inline;
}

#parcours #ligne {
float: right;
display: inline;
width: 739px;
border: 0px;
border-bottom: 1px solid #556420;
height: 17px;
}

#parcours a {
color:#6b8718;
font-size: 15px;
font-style: italic;
letter-spacing: 0px;
}

#parcours p {
font-size: 15px;
font-style: italic;
line-height: 20px;
text-align: justify;
margin-bottom: 12px;
}

#parcours #colonne1 {
text-indent: 0px;
width: 769px;
margin-left: 70px;
padding: 20px;
background-color: #f9f9f9;
background-image: none;
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040; 
} 

#intro_conditions {
width: 630px;
margin-left: 10px;
float: left;
display: inline;
}

#intro_conditions p {
color: #383654;
font-size: 16px;
line-height: 22px;
text-align: justify;
margin: 0px;
margin-bottom: 25px;
margin-left: 10px;
padding: 0px;
}

#intro_conditions p.first {
text-indent: 28px;
color: #383654;
font-size: 18px;
line-height: 24px;
text-align: justify;
margin: 0px;
margin-bottom: 25px;
padding: 0px;
}

#intro_conditions p.first:first-letter {
font-size: 20px;
line-height: 1px;
}

#intro_conditions span {
color: #950b73;
}

#intro_conditions2 {
width: 845px;
margin-left: 20px;
float: left;
display: inline;
}

#intro_conditions2 p {
color: #383654;
font-size: 16px;
line-height: 22px;
text-align: justify;
margin: 0px;
margin-bottom: 25px;
padding: 0px;
}

#intro_conditions2 span {
color: #950b73;
}

#bulle_conditions {
width: 830px;
height: 42px;
background-image: url(images/frog.png);
background-repeat: no-repeat;
background-position: 360px 0px;
}

#main2 {
width: 30px;
height: 27px;
position: relative;
top: -15px;
left: 277px;
background-image: url(images/main.png);
background-repeat: no-repeat;
}

#tarifs_paiement {
width: 820px;
height: 215px;
margin-bottom: 12px;
margin-left: 28px;
padding: 12px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
border: 1px solid #7cab10;
background-color: #f9f9f9;
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040;
}

#tarifs_paiement h2 {
font-weight: normal;
text-indent: 3px;
color: #22280d;
text-shadow: 1px 1px 0px #d2f960;
font-size: 18px;
line-height: 20px;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal;
letter-spacing: -1px;
text-align: left;
margin: 0px;
margin-bottom: 5px;
padding: 0px;
background-color: #abd95d;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

#tarifs_paiement h2.right {
margin-right: 12px;
}

#tarifs {
float: left;
display: inline;
width: 386px;
border-right: 1px dashed #4e4a75;
padding: 0px;
padding-right: 18px;
margin-top: -15px;
}

#tarifs p {
margin: 0px;
padding: 0px;
padding-left: 3px;
padding-right: 3px;
line-height: 20px;
}

#paiement {
float: right;
display: inline;
height: 201px; 
width: 396px;
margin-top: -15px;
background-image: url(images/cochon.png);
background-repeat: no-repeat;
background-position: bottom right;
}

#paiement p {
margin: 0px;
margin-right: 15px;
padding: 0px;
padding-left: 3px;
line-height: 20px;
}

#contact {
width: 650px;
margin-top: 43px;
float: left;
display: inline;
}

#contact form {
margin: 0px;
padding: 0px;
}

.cache {
display: none;
visibility: hidden;
}

#contact label {
color: #950b73;
font-size: 14px;
font-family: arial, geneva, helvetica, sans-serif;
line-height: 15px;
text-align: left;
margin-top: 5px;
margin-left: 15px;
display: block;
}

#contact form input {
color: #37580e;
font-size: 15px;
font-family: arial, geneva, helvetica, sans-serif;
border: 1px solid #729823;
width: 260px;
padding: 5px;
margin-left: 5px;
border-radius: 7px;
-moz-border-radius:7px; 
-webkit-border-radius: 7px;
box-shadow: 0px 0px 5px #bbe75f;
-moz-box-shadow: 0px 0px 5px #bbe75f;  
-webkit-box-shadow: 0px 0px 5px #bbe75f;
background-color:#f9f9f9;
}

#contact form span {
font-weight: normal;
font-size: 12px;
color: #950b73;
padding-bottom: 3px;
margin-left: 3px;
}

#contact #left {
float: left;
display: inline;
}

#contact #right {
width: 360px;
float: right;
display: inline;
text-shadow: 1px 1px 0px #fff;
}

#contact form textarea {
color: #37580e;
font-size: 15px;
line-height: 16px;
font-family: arial, geneva, helvetica, sans-serif;
border: 1px solid #729823;
padding: 5px;
margin-left: 5px;
margin-bottom: 10px;
width: 290px;
height: 139px;
overflow: auto;
border-radius: 9px;
-moz-border-radius: 9px; 
-webkit-border-radius: 9px;
box-shadow: 0px 0px 5px #bbe75f;
-moz-box-shadow: 0px 0px 5px #bbe75f;  
-webkit-box-shadow: 0px 0px 5px #bbe75f;
background-color: #f9f9f9;
opacity: 0.9;
filter: alpha(opacity=90);
}

#contact .bouton {
color: #950b73;
text-shadow: 1px 1px 0px #fff;
font-size: 14px;
line-height: 16px;
letter-spacing: 1px;
font-weight: bold;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #a3d729;
padding: 0px;
margin: 0px;
margin-left: 63px;
width: 186px;
cursor: pointer;
border: 1px solid #86b022;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

#notes_contact {
width: 223px;
height: 100px;
margin-top: 190px;
}

#notes_contact p {
text-align: justify;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #678d0e;
line-height: 14px;
font-style: italic;
margin: 0px;
padding: 0px;
}

#notes_contact p.sign {
font-family: "Indie Flower", Arial, Helvetica, sans-serif;
float: right;
display: inline;
font-size: 14px;
}

#parcours_contact #ligne {
float: right;
display: inline;
width: 731px;
border: 0px;
border-bottom: 1px solid #556420;
height: 17px;
margin-top: 70px;
}

#parcours_contact h2 {
color: #22280d;
text-shadow: 0px 0px 30px #b7f107;
font-size: 20px;
line-height: 20px;
font-weight: normal;
text-align: left;
margin: 0px;
margin-top: 70px;
margin-bottom: 8px;
padding: 1px;
float: left;
display: inline;
}

#parcours_contact {
clear: both;
width: 881px;
height: 270px;
background-image: url(images/frog_bras_haut.png);
background-repeat: no-repeat;
background-position: 8px 90px;
}

#parcours_contact #main {
width: 29px;
height: 27px;
position: relative;
top: 89px;
left: 76px;
background-image: url(images/main2.png);
background-repeat: no-repeat;
}

#parcours_contact #main2 {
width: 29px;
height: 27px;
position: relative;
top: 64px;
left: -14px;
background-image: url(images/main3.png);
background-repeat: no-repeat;
}

#parcours_contact a {
color: #6b8718;
font-size: 15px;
font-style: italic;
letter-spacing: 0px;
}

#parcours_contact p {
font-size: 15px;
font-style: italic;
line-height: 17px;
text-align: justify;
margin-bottom: 0px;
margin-left: 70px;
padding-bottom: 26px;
background-image: url(images/traces.png);
background-repeat: no-repeat;
background-position: 630px 57px;
}

#parcours_contact #colonne1 {
text-indent: 0px;
width: 769px;
margin-left: 70px;
padding: 20px;
padding-bottom: 5px;
background-color: #f9f9f9;
background-image : none;
border: 1px solid #c0c0c0;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0px 1px 1px #404040;  
-webkit-box-shadow: 0px 1px 1px #404040;  
box-shadow: 0px 1px 1px #404040;
} 

#intro_merci {
width: 750px;
margin-left: 10px;
float: left;
display: inline;
}

#intro_merci p {
color: #383654;
font-family: Amaranth, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 30px;
text-align: center;
margin: 0px;
margin-top: 160px;
margin-left: 40px;
padding: 0px;
height: 100px;
}

#intro_merci p.first {
text-indent: 28px;
}

#intro_merci p:first-letter {
font-size: 26px;
line-height: 1px;
}

dl {
margin-left: 100px;
padding-bottom: 140px;
width: 661px;
text-align: justify;
font-size: 16px;
}

dt {
color: #28527b;
font-weight: bold;
padding-top: 100px;
}

dd {
margin-left: 30px;
margin-bottom: -70px;
}

dd a {
letter-spacing: 0px;
color: #0c4f98;
text-decoration: none;
}

dd a:hover {
color: #0c4f98;
text-decoration: underline;
}

.details_gloss {
text-align: right;
margin-top: 3px;
margin-left: 509px;
width: 110px;
background-image: url(images/blue_arrow.gif);
background-repeat: no-repeat;
background-position: 2px 6px;
}

.details_gloss a {
text-decoration: none;
letter-spacing: -1px;
color: #6b8718;
}

#intro_glossaire {
width: 842px;
margin-left: 10px;
}

#intro_glossaire p {
color: #383654;
font-size: 16px;
line-height: 22px;
text-align: justify;
margin: 0px;
margin-bottom: 25px;
margin-left: 10px;
padding: 0px;
}

#intro_glossaire p.first {
width: 682px;
color: #383654;
font-size: 18px;
line-height: 24px;
text-align: justify;
margin: 0px;
margin-left: 80px;
margin-bottom: -60px;
padding: 0px;
}

#intro_glossaire p.first:first-letter {
font-size: 20px;
line-height: 1px;
}

dt.alpha {
padding-top: 30px;
}

#alphabet {
width: 853px;
height: 25px;
margin-top: 90px;
margin-bottom: -70px;
text-align: center;
}

#alphabet ul {
list-style-type: none;
}

#alphabet li {
color: #949494;
font-size: 18px;
display: inline;
}

#alphabet a {
color: #000;
font-size: 18px;
text-decoration: none;
letter-spacing: 0px;
padding-left: 5px;
padding-right: 5px;
background-color: #e8e8e8;

}

#alphabet a:hover {
color: #28527b;
background-color: #f4f4f4;
}