/********************************** Feuille de style "mozilla & ie 7" ***************************
*																								*
*			                       Copyright Nicolas CANAL 2007                    		        *
*									 	www.nicolascanal.com									    *
*																								*
************************************************************************************************/ 
*{margin: 0;padding: 0;}

body{background-color:#e9e9e9; background-image:url(../images/fond-ombre.png); background-position:center top; background-repeat:no-repeat;}
img, a img{border:none;}
a:active{outline:none;}
a{ text-decoration:none;}
cursor: default;

#baseline h1 span.deco{color:#0083d0; font-weight:bold;font-size:1.3em;}
h2{padding-top:10px; height:22px; font-weight:bold; font-size:1.6em; overflow:visible; letter-spacing:0.08em;text-transform:uppercase;padding-bottom:2px;}
h2 span.lettrine{ color:#0083d0;font-weight:bold; overflow:visible;text-transform:uppercase;font-size:1.6em; padding:0; margin:0;}
#contenu-1 h2{padding-left:5px;-margin-left:10px;}
h3{padding-top:10px;padding-bottom:5px; font-weight:normal; color:#003863; text-transform:uppercase; letter-spacing:0.05em; font-size:1.1em;}
#contenu-1-droite h5{padding-top:3px; padding-bottom:5px; font-weight:normal; font-size:1.1em;font-weight:bold; text-decoration:underline;}
#contenu-1-droite h4 {margin-top:5px;font-size:1.1em;font-weight:bold;text-decoration:none; height:22px;}
#contenu-1-droite h4 a{background-image:url(../images/rond-off.gif); padding-left:25px; padding-top:3px; background-repeat:no-repeat; background-position: left top; color:#000000; outline:none;}
#contenu-1-droite h4 a:hover, #contenu-1 h4 a:focus{background-image:url(../images/rond-hover.gif); color:#000000; outline:none;text-decoration:none;}

#milieu{position:absolute;width:773px;height:420px;margin-top:120px;/*background-image:url(../images/milieu-fond.jpg); background-position:top; background-repeat:no-repeat;*/background-color:#FFFFFF;border:solid; border-color:#b9b9b9; border-width:1px;}

#milieu-index{position:absolute;width:773px;height:420px;margin-top:120px;background-image:url(../images/milieu-fond.jpg); background-position:top; background-repeat:no-repeat; background-color:#FFFFFF;border:solid; border-color:#b9b9b9; border-width:1px;}

#milieu a{color:#0083d0; text-decoration:none;}
#milieu a:hover{color:#ff6801;}

.line-14{width:100%; height:14px;line-height:14px;}
.line-7{width:100%; height:7px;line-height:7px;}
.line-3{width:100%; height:3px;line-height:3px;}
.line-33{width:100%; height:33px;line-height:33px;}

#global{ width:774px; height:600px; position:absolute; left:50%; margin-left:-387px; margin-top:0px; font-family:Helvetica, Arial, sans-serif; font-size:12px; overflow:visible; line-height:1.4em; letter-spacing:0.05em; text-align:left; color:#333333; outline:none;}

#haut{position:absolute; width:774px; height:120px;}

#titre{position:absolute;width:231px; padding-top:20px; height:90px;background-image:url(../images/titre.png);-background-image:url(../images/titre.gif); background-position:left top; background-repeat:no-repeat;}
#nom{position:relative; height:29px; width:231px; overflow:visible;-height:28px;}
#baseline{position:relative; height:20px; width:231px;}
#nom h2 {font-size:2.2em; color:#100d0c; letter-spacing:0px;text-transform:none;padding-top:5px; overflow:visible;text-align:center;}
#baseline h1{font-size:0.9em; color:#100d0c; letter-spacing:0.06em; /*text-transform:uppercase;*/ font-weight:normal; overflow:visible;text-align:center;}

#menu-haut{position:absolute; height:20px; margin-top:0px; float:right;margin-left:462px; }
#menu-haut li{list-style: none; display:inline; float:left; width:100px; height:18px; margin-left:2px; border-width: 1px;border-style: dashed;border-color: #0083d0;}
#menu-haut li a{list-style: none; display:inline; float:left; width:100px; height:17px; color:#100d0c; text-align:center; text-decoration:none; list-style:none;padding-top:1px; /*background-color:#100d0c;*/ background-color:#ffffff; font-size:0.8em;}
#menu-haut li a:hover, #menu-haut li a:focus{outline:none; color: #ff6801; background-color:#fcfcfc;}

#menu{position:absolute; width:775px; height:30px; margin-top:90px;font-size:1em;/*background-color:#100d0c;*/}
#menu li{list-style: none; display:inline; float:left; width:155px; height:30px; vertical-align:top; text-align:center;}
#menu li a{list-style: none; display:inline; float:left; width:155px;padding-top:7px;text-align:center; text-decoration:none; font-weight:bold; letter-spacing:0.05em; color:#0083d0; text-transform:uppercase; /*background-color:#100d0c;*/ height:23px;}
#menu li span.in a, #menu li span.in a:hover{/*background-image:url(../images/menu-elmt.gif);*/color:#100d0c;/*background-color:#100d0c;*/}		
#menu li a:hover, /*#menu li span.in a:hover,*/ #menu li a:focus/*, #menu li span.in a:focus*/{/*background-image:url(../images/menu-btn-on.gif);*/outline:none;color:#ff6801;/*background-color:#0083d0;*/}

#bas{position:absolute;width:775px;height:20px;margin-top:542px;/*background-color:#100d0c;*/text-align:center;color:#b9b9b9;}
#bas li{list-style: none;display:inline;text-align:center;height:20px;padding-left:5px;padding-right:5px;font-size:0.8em;}
#bas li a{list-style: none;display:inline;text-align:center; text-decoration:none; color:#0083d0;}
#bas li a:hover, #bas li a:focus{color:#ff6801;outline:none;}
#bas li span.copyright{color:#b9b9b9;}

#illustration-flash{position:absolute;display:block;width:420px;height:175px;margin-left:55px;margin-top:55px;}
#edito{position:absolute;display:block;width:420px;height:155px;margin-left:55px;margin-top:245px ;font-weight:normal;letter-spacing:normal; text-align:justify;}
#edito span.scroll{display:block;height:123px;overflow:auto;padding-top:5px; outline:none;}
#edito a, #landing a{color:#333333;}
#news-scroll{display:block;height:280px;overflow:auto;padding-top:5px; outline:none;}
#news{position:absolute;display:block;width:160px;height:312px;margin-left:519px; padding-left:40px;margin-top:55px;border-left:solid; border-left-color:#b9b9b9; border-left-width:1px;}
#news li{width:160px;margin-top:20px;margin-bottom:10px; line-height:1.3em;display:block;float:left;}
#news li img{vertical-align:top;padding-bottom:1px;float:left;padding-right:0px;}
/*#news li span.titre{vertical-align:top;float:left;width:160px;text-align:left;letter-spacing:normal;}*/
#news li span.titre{vertical-align:top;float:right;width:100px;text-align:left;letter-spacing:normal;}
#news li span.description{vertical-align:top;float:left;width:160px;text-align:left;letter-spacing:normal;margin-top:15px;}
#news li a{color:#17b8c2;text-decoration:none;vertical-align:top;font-size:0.9em;font-weight:bold;}
#news li a:hover, #news li a:focus{color:#ff6801; outline:none;}

#contenu-1-gauche{position:absolute;width: 155px;padding-left:10px;padding-right:5px;padding-top:10px;float:left;font-size:0.9em;line-height:1.3em; -margin-left:10px;}

#contenu-1-gauche{width: 155px;padding-top:10px;margin-top:5px;float:left;font-size:0.9em;line-height:1.3em;}
#contenu-1-gauche span.texte{padding-left:5px;padding-right:5px;padding-bottom:10px;display:block;}
#contenu-1-gauche li{list-style:none;display:block;float:left;padding-left:0px; width:152px;}
#contenu-1-gauche li a{list-style:none;display:block;margin-top:10px;margin-bottom:5px;float:left;padding-top:4px;padding-top:6px;padding-left:33px;font-size:1.2em;background-image:url(../images/fleche-1-off.gif);background-position:left top;background-repeat:no-repeat;color:#000000; width:120px;-width:110px;}
#contenu-1-gauche li a:hover,#contenu-1-gauche li a:focus{float:left;font-size:1.2em;background-image:url(../images/fleche-1-on.gif);color:#000000;outline:none;}
#contenu-1-gauche li a.in{background-image:url(../images/fleche-1-in.gif);}

#contenu-1-droite{position:absolute;width: 500px;padding-left:5px;padding-right:5px;margin-top:5px;float:left; line-height:1.5em;margin-left:175px;-margin-left:185px;overflow: auto;}

#landing-gauche{width: 290px;padding-left:40px;padding-right:15px;margin-top:5px;float:left; line-height:1.6em; float:left;}
#landing-droite{width: 315px;padding-left:10px;padding-right:20px;margin-top:5px;float:left; line-height:1.6em; float:right;}

#contenu-1-scroll{height:340px;width:706px;overflow:auto;display:block; outline:none;}
#contenu-1-droite input.box {width: 140px;height: 15px;margin: 0px 0px 5px 0px;padding: 1px 0px 0px 1px;border-left: 1px solid #b3b3b3;border-bottom: 1px solid #b3b3b3;border-right: 1px solid #F7F7F7;border-top: 1px solid #F7F7F7;text-align: left;}
#contenu-1-droite textarea.area {margin: 0px 0px 5px 0px;padding: 1px 0px 0px 1px;border-left: 1px solid #b3b3b3;border-bottom: 1px solid #b3b3b3;border-right: 1px solid #F7F7F7;border-top: 1px solid #F7F7F7;text-align: left;width:382px;}
#contenu-1-droite td.libelle {width:80px;}
#contenu-1-droite td.reponse {width:160px;}
#contenu-1-droite table.tab {width:480px;text-align:left;}
#contenu-1-droite table.tab span.envoi {margin-left:310px;}
#contenu-1{position:absolute;display:block;width:690px;height:370px;margin-left:40px;margin-top:30px;background-image:url(../images/contact-fond.png);background-position:top;background-repeat:no-repeat;font-weight:normal;letter-spacing:normal;font-size:1em;}
/* Page contact*/
#message{text-align:center;color:#ff6600;padding-top:22px;padding-bottom:13px;font-weight:normal;text-transform:uppercase;}

#landing{position:absolute;display:block;width:690px;height:370px;margin-left:40px;margin-top:30px;background-image:url(../images/landing-fond.png);background-position:top;background-repeat:no-repeat;font-weight:normal;letter-spacing:normal;font-size:1em;}

/* Pages profil & parcours */
.tache{ width:325px; float:left; }
.lieu{ width:150px; float:right; padding-left:5px;font-size:0.9em;line-height:1.3em; /*background-image:url(../images/logo-societe-fond.jpg);background-position:left top;background-repeat:no-repeat;*/ }
.lieu img{padding-top:10px;float:left; padding-bottom: 10px; height:90px; width:140px;margin-top:15px;border-width: 1px;border-style: solid;border-color: #b9b9b9;margin-bottom:15px;background-color:#b9b9b9;}

/* Page portfolio */
.liste{width:490px;float:left;}
.colonne{width:245px;float:left;}
.colonne-wide{width:490px;float:left;}
<!--.presentation{width:490px;height:145px;float:left;border-color:#CCCCCC;border-width:1px;border-style:solid;margin-top:5px;background-color:#f8f6f7;}-->
.suivant{height:3px;float:right;text-align:right;}
.visuel{width: 198px; float:right;height:148px;/*background-image:url(../images/visuel-projet-fond.gif);background-position:left top;background-repeat:no-repeat;*/}
.visuel img{margin-top:10px;float:left; margin-left: 10px;}
.contexte{width: 275px; float:left; padding-right:15px;}
.mission{width: 490px; margin-top:150px;margin-bottom:10px;}