/* CSS Document 


___________•\\_~_//•__________ 
··..:.:.::cheznoir.com:::.:.:...·· 
¯¯¯¯¯¯¯¯¯¯¯•//¯~¯\\•

*/

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 {
	margin:0;
	background-image: url(../images/bg_body.jpg);
	background-color:#62ACDF;
	background-repeat: repeat-x;
}

/*concerne le texte du corps principal*/

body#index div#content p {
font-family:"Tahoma", Arial, Helvetica, sans-serif;
color:#0E3B61;
font-size:90%;
line-height:1.4em;
margin:0 0px 12px 24px
}

body#index div#content p.link {
padding-right:2px;
clear:both;
}
/*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
}

div#content ul {line-height:1em; margin: 0 0 20px 40px;}

/* le hover rose sur les liens*/
body#index div#content p.link a:hover {
color:#780500;
background-color:#BB9D6B;
text-decoration:none;
}


/* CONTENT.CSS */

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: 815px;
}

div#header h1 {margin-left:220px;}

#contact a{
	color:#0E3B61;
	position: absolute;
	left: 960px;
	top: 68px;
}

/* 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  {/*j'ai enlevé float:right; */
margin: 0px 0px 60px 220px;
width:800px;
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*/

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

}

div#content div.rightFloat h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:150%;
color:#1D6CAE;
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:#1D6CAE;
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:1035px;
	min-height:100%;
	background-color:#fff;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #082139;
}
* html div#conteneur {height:100%}


/* 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 245px
}
#footer p {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
color:#000;
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: underline;
margin-right:3px
}
div#footer p a .box {
padding:1px 3px
}
div#footer p a:hover { color:#ff6565 }
div#footer {
border-top-color:#bf0a00;
background-image:url(../images/bg_footer_welcome.gif);
}
div#footer p,
div#footer p a { color:#758EA6}
div#footer p a:hover { color:#1D6CAE }
div#footer p, div#footer p a { color:#758EA6}
div#footer p a:hover { color:#000 }
div#footer {
border-top-color:#ffa800;
background-image:url(../images/bg_footer_about.gif)
}

#espace {
height:80px;
}