@charset "utf-8";
/* CSS Document */

/* base */

* {font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;}

acronym{font-style: normal;border-bottom: dotted 1px #08F; cursor:help}
body{margin:0;padding:0; background: url("images/Bgheader.gif") repeat-x; font-size: 1em; color: #666;}
img{border:0;margin:0; padding:0;}
ul {margin:0; padding:0}
li {list-style-type:none; display:inline;margin:0; padding:0}
p{margin:0; padding:0;}

/* liens */
#contenu a, #Footer a{color:#FFF;background-color:#999;padding:0 .3em .1em .3em;text-decoration: none}
#contenu a:hover, #Footer a:hover{text-decoration: underline}

/* Corps */
#MainContent{margin:0 auto 0 auto;padding:0; width:770px;text-align:center;}

/* En tête de page */
#entete {margin:0 0 20px 0; padding:0; width:770px; height:115px; background:url(images/fibre.png) bottom center no-repeat}
h1 {width:450px; height:74px;margin:0;padding:0;background:url(images/Internet-concepteur.png) 100px 10px no-repeat; text-indent:-5000px}
a#accueil {display:block; position: relative; top:0; left:738px; width:32px; height:23px; background-image:url(images/accueil.png);}

/* Menu navigation principal */
#MenuNav {display:none;float:left;width:100%;background:#DAE0D2 url(images/menu/bg.gif) repeat-x bottom; font-size:93%; line-height:normal}
#MenuNav ul { margin:0;padding:10px 10px 0;list-style:none}
#MenuNav li {float:left; background:url("images/menu/left.gif") no-repeat left top;margin:0;padding:0 0 0 9px;}
#MenuNav a { display:block; background:url("images/menu/right.gif") no-repeat right top;padding:5px 15px 4px 6px; text-decoration:none;
      font-weight:bold;color:#00A0C6}
#MenuNav a:hover {color:#F60}
#MenuNav #current {background-image:url("images/menu/left_on.gif");}
#MenuNav #current a {background-image:url("images/menu/right_on.gif");color:#333; padding-bottom:5px;}

/* Description internet concepteur*/
#Contdescrip{width:651px; margin:20px auto;}
#contenu{width: 651px; height: 150px; padding-top:5px; margin-bottom:10px; background:url(images/fond-contenu.png); background-repeat:no-repeat;}
#contenu p {font-size: 13px; color:#666; margin:0; text-align:left; padding:0 0 15px 15px}
p span { color:#00A0C6}
//img#key {float:right; padding:0 20px}
//#hautgauche, #basgauche {width:12px; height:12px;margin:0; padding:0; background-repeat:no-repeat; font-size:1px;}
//#hautgauche{background:url(images/roundcorner/TopLeft.gif) top left;}
//#basgauche{background:url(images/roundcorner/BottomLeft.gif) bottom left;}

/* Activites */
.Activite{width:215px;float:left; margin: 0 20px; padding:0; text-align:center; background:url(images/bg-activite.png) 0 51px repeat-x;}
.Activite h2{width:215px; height:46px;text-indent:-3000px}
h2#CreaSites{background:url(images/creation-site.jpg) no-repeat}
h2#Heberg{background:url(images/hebergement.jpg) no-repeat}
h2#Ref{background:url(images/referencement.jpg) no-repeat}
.Activite p{width:195px; color:#666; font-size: 0.8em; text-align:left; padding:0 10px;}
.spacer {clear: both;}
.Activite p {margin-bottom:1em;}

/* Pied de page */
#Footer {width:100%;margin:0 auto 0 auto; background: url(images/bg-footer.jpg) repeat-x;}
#FooterCont {width:770px;margin: 0 auto 0 auto; height:80px; color:#FFF; background:url(images/bgfootcontent.png) right bottom no-repeat;}
#Footer p {text-align:center; font-size:1.2em;padding-top:10px}
#lienqp {display:none;}

/* Formulaire */
form {margin-bottom:20px; width: 580px; margin: 0 auto 20px auto}
fieldset {padding: 1em;font:1em sans-serif;border:1px solid #F60;}
label {float:left;width:25%;margin-right:0.5em; margin-top:5px;padding-top:0.2em;text-align:right;font-weight:bold; color:#00A0C6}
legend {float:left;font-size:1.3em; color:#00A0C6; font-variant:small-caps}
.input, .textarea {float:left; background-color: #E8E8E8; color:#F60;}
.button {font-size: 1.1em; margin-top: 12em; color:#F60 ; font-weight:bold; background-color: #E8E8E8}