/* BASE.CSS */

html,body { height:100% }
html,body,h1,h2,h3,h4,div,p,ul,ol,li,dl,dt,dd,blockquote {
line-height:1em;
margin:0;
padding:0
}
body {
	background-color: #993300;
	background-image: url(../images/bg_brun.jpg);
	background-repeat: repeat-y;
	background-position: 0;
}

/*concerne le texte du corps principal*/

body#index div#content p {
font-family:"Tahoma", Arial, Helvetica, sans-serif;
color:#441702;
font-size:90%;
line-height:1.4em;
text-align:right;
letter-spacing:0;
margin:0 25px 12px 24px
}
body#index div#content p strong {line-height:2em}

body#index div#content p.link {
padding-right:2px;
clear:both;
margin-top:15px
}
/*concerne le texte du corps principal... fin*/

/*concerne les liens du corps principal*/

body#index div#content p.link a,body#index div#content p.link a:link,body#index div#content p.link a:active,body#index div#content p.link a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:130%;
color:#990000;
text-decoration:underline;
letter-spacing:-0.02em;
font-weight:400;
padding:0 2px
}
/* le hover rose sur les liens*/
body#index div#content p.link a:hover {
color:#780500;
background-color:#BB9D6B;
text-decoration:none;
}


/* CONTENT.CSS */

body#index div#content div.rightFloat { background:url(../images/bg_welcome_right.jpg) top left no-repeat }

body#index div#logo {
background-image:url(../images/bg_welcome_left.jpg);

background-repeat:no-repeat
}

/* MISC.CSS */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
/* display: inline-block; */
width: 100%
}  /* fix IE */
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%
/* End hide from IE-mac */
}  /* fix IE */
.accessibility {
position: absolute;
top: -999em;
left: -999em
}

/* HEADER.CSS*/

div#header {
width:762px;
}

/* RIGHT.CSS très important, contrôle toute la mise en page du texte principal... fait en sorte que le texte ne s'écrit pas sur la bande rouge.*/ 

div#content div.rightFloat {/*j'ai enlevé float:right; */
margin-top: -17px;
margin-left:13.59em;
width:538px;
padding-bottom:10px;
clear:right;
}

/*contrôle la position du titre h2*/

div#content div.rightFloat h2 {
font-family:Garamond, "Times New Roman", Times, serif;
font-size:200%;
font-weight:400;
letter-spacing:-0.04em;
padding-bottom:7px;
border-bottom-style:solid;
border-bottom-width:2px;
color:#222;
margin:0 25px 10px 24px
}

body#index div#content div.rightFloat h2 {
text-indent:-9999px;
font-size:1%;
height:99px;
width:529px;
background:url(../images/images/arrow_welcomelogodanspageprincipale.gif) top right no-repeat;
margin-top:17px;
margin-bottom:7px;
border-style:none
}
/*contrôle le titre "ouer latest project*/

body#index div#content div.rightFloat h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
color:#000;
text-align:right;
font-weight:400;
margin:30px 25px 10px 24px

}

body#index div#content div.rightFloat h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:150%;
color:#441702;
text-align:right;
font-weight:400;
padding-top:30px;
padding-bottom:20px;
margin:15px 25px 10px 24px
}

/*qu'est-ce que ça fait au juste? affecte le h2 lorsqu'on enlève le h2 dans index.. */

div#content div.rightFloat h2 em {font-style:normal}
div#content p {
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#485056;
font-size:80%;
line-height:1.4em;
margin:5px 25px 9px 24px
}


/*contrôle le texte des encadrés rouge... jusqu'ici...*/

/*ne semble rien changer*/
div#content p a,div#content p a:link,div#content p a:active,div#content p a:visited,div#content ul.project li a,div#content ul.project li a:link,div#content ul.project li a:active,div#content ul.project li a:visited {
color:#780500;
text-decoration:underline;
padding:0 1px
}
div#content p a:hover,div#content ul.project li a:hover {
color:#fff;
background-color:#856D45;
text-decoration:none
}
div.rightFloat h2 em,body#project div.rightFloat h2 em {color:#9c3}

div.rightFloat h2 em,#content div.leftColumn p strong {color:#ea3200}

div.testimonial,div.service {clear:both}

/*ne semble rien changer... jusqu'ici...*/

/* conteneur.CSS */

div#conteneur {
width:717px; 
min-height:100%;
background-color:#fff;
background-position:top left;
background-repeat:repeat-y
}
* html div#conteneur {height:100%}

body#index div#conteneur {
background-image:url(../images/bg_welcome.jpg);
background-color:#000;
}

/* FOOTER.CSS */

div#footer {
clear:both;
border-top-style:solid;
border-top-width:1px;
padding-bottom:10px;
background-position:right top;
background-repeat:no-repeat;
margin:0 25px 0 300px
}
div#footer p {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
color:#999;
margin-top:10px
}
div#footer p a,div#footer p a:link,div#footer p a:active,div#footer p a:visited,div#footer p a:hover {
text-decoration:none;
color:#666;
margin-right:3px
}
div#footer p a .box {
padding:1px 3px
}
body#index div#footer p a:hover { color:#ff6565 }
body#index div#footer {
border-top-color:#bf0a00;
background-image:url(../images/bg_footer_welcome.gif);
margin-top:15px
}
body#index div#footer p,
body#index div#footer p a { color:#bf0a00 }
body#about div#footer p a:hover { color:#ffa800 }
body#about div#footer p a .box { background-color:#ffa800 }
body#about div#footer {
border-top-color:#ffa800;
background-image:url(../images/bg_footer_about.gif)
}

#espace {
height:80px;
}