* {
line-height:1.36em;
margin:0;
padding:0;
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#E9E9E9 none repeat scroll 0 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
#wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F6F6 none repeat scroll 0 0;
margin:0 auto;
text-align:left;
width:944px;
}
#header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#C4C4C4 url(img/college_carnot.jpg) no-repeat scroll 0 0;
height:204px;
margin:0;
padding:0;
width:944px;
}
#topnav {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF; none repeat scroll 0 0;
color:#000000;
margin:0;
padding:0;
}
#leftcol {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#333333;
display:inline;
float:left;
margin:0 10px 0 0;
padding:4px;
width:129px;
}
#centre {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#333333;
display:inline;
float:left;
margin:0 10px 10px 4px;
min-height:600px;
padding:4px;
position:relative;
width:480px;
}
#rightcol {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#333333;
display:inline;
float:left;
margin:0;
padding:4px;
position:relative;
width:276px;
}
#footnav {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#A1A1A1 none repeat scroll 0 0;
clear:both;
height:22px;
margin:20px 0 0;
padding:2px 0 0;
width:100%;
}
.clear {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
clear:both;
}
#header p {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#666666;
margin:0 8px 30px 16px;
}
#topnav ul {
background-color:#0F384B;
list-style-type:none;
margin:0;
padding:8px 10px;
text-align:center;
width:924px;
}
#topnav li {
display:inline;
}
#topnav li a {
background-color:#0F384B;
color:#FFFFFF;
padding:0.2em 1.4em;
text-decoration:none;
}
#topnav li a:hover {
background-color:#1A5470;
color:#CCCCCC;
}
#footnav p {
color:#FFFFFF;
margin:4px;
text-align:center;
}
#header ul {
border-left:1px solid #1A5470;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 16px 20px;
}
#header li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
margin:0 10px 6px 0;
padding-left:10px;
}
#header a {
color:#555555;
text-decoration:none;
}
#header a:hover {
color:#1A5470;
text-decoration:underline;
}
#header p {
margin:0 4px 0 17px;
}
#header p .gras {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent none repeat scroll 0 0;
color:#1A5470;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-bottom:5px;
text-align:justify;
}
#rightcol ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 16px 11px;
}
#rightcol li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
display:inline;
margin:0 10px 6px 0;
padding-left:10px;
}
#rightcol a {
color:#6495ED;
text-decoration:none;
}
#rightcol a:hover {
color:#1A5470;
text-decoration:underline;
}
#rightcol p.retrait {
border-left:1px solid #1A5470;
margin:0 12px 0 8px;
padding-left:12px;
}
#rightcol p .gras {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent none repeat scroll 0 0;
color:#1A5470;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 4px 5px;
text-align:justify;
}
#rightcol img.col {
border:1px solid #CCCCCC;
float:left;
margin:10px 30px 6px 8px;
padding:2px;
}
#leftcol ul {
border-left:1px solid #1A5470;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 16px 16px;
}
#leftcol li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
margin:0 10px 6px 0;
padding-left:10px;
}
#leftcol a {
color:#555555;
text-decoration:none;
}
#leftcol a:hover {
color:#1A5470;
text-decoration:underline;
}
#leftcol p {
margin:0 4px 0 12px;
}
#leftcol p .gras {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent none repeat scroll 0 0;
color:#1A5470;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-bottom:5px;
text-align:justify;
}
#centre h1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent none repeat scroll 0 0;
color:#808080;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 8px 28px 0;
padding:2px 4px 2px 0;
text-decoration:none;
}
#centre h1 span {
color:#666666;
font-size:11px;
font-weight:normal;
margin:0 0 0 6px;
text-decoration:none;
}
#centre h2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#66AACC none repeat scroll 0 0;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
margin:0 8px 16px 0;
padding:0 4px;
}
#centre h2 span {
color:#FFFFFF;
float:right;
font-size:10px;
font-weight:normal;
padding:1px 0 0;
}
#centre h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FF3300 none repeat scroll 0 0;
color:#ffffff;
font-size:13px;
font-weight:bold;
margin:0 8px 16px 0;
padding:0 4px;
}
#centre h4 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#7a88f1 none repeat scroll 0 0;
color:#ffffff;
font-size:13px;
font-weight:bold;
margin:0 8px 16px 0;
padding:0 4px;
}
#centre p {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
margin:0 8px 30px 0;
text-align:justify;
}
#centre p .gras {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#808080;
font-weight:bold;
margin-bottom:5px;
text-align:justify;
}
#centre p .rouge {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:red;
font-weight:bold;
margin-bottom:5px;
text-align:justify;
}
#centre a {
color:#6495ED;
font-weight:normal;
text-decoration:underline;
}
#centre a img {
border:medium none;
text-decoration:none;
}
#centre img.photo {
border:1px solid #CCCCCC;
float:left;
margin:3px 10px 0 0;
padding:2px;
}
#centre ul {
margin-bottom:0;
margin-left:16px;
padding:0;
}
#centre li {
line-height:2em;
list-style-image:none;
list-style-position:outside;
margin-left:10px;
margin-top:2px;
text-align:left;
}
#centre .news {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#333333;
margin:0 8px 0 0;
text-align:justify;
}
#centre .news a {
color:#6495ED;
font-weight:normal;
text-decoration:underline;
}
#centre .news a:hover {
color:#6495ED;
font-weight:normal;
text-decoration:underline;
}
#centre .liensnews {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#6495ED;
margin:16px 8px 32px 0;
text-align:left;
}
#centre .liensnews a {
color:#6495ED;
font-weight:normal;
text-decoration:underline;
}
#centre .liensnews a:hover {
color:#6495ED;
font-weight:normal;
text-decoration:underline;
}
img.vignette {
float:left;
margin:3px 6px 0 0;
}
img.photo {
border:1px solid #CCCCCC;
float:left;
margin:3px 10px 0 0;
padding:2px;
}
img.bigphoto {
border:1px solid #CCCCCC;
margin:0;
padding:2px;
}
table {
border:thin solid #CCCCCC;
border-collapse:collapse;
margin:0 3px 0 2px;
width:468px;
}
td {
background-color:#FFFFFF;
border:thin solid #CCCCCC;
color:#666666;
font-family:Verdana,Geneva,Arial,sans-serif;
font-size:11px;
height:2em;
padding:6px;
text-align:center;
}
td.entete {
background-color:#F4F4F4;
border:thin solid #CCCCCC;
color:#333333;
font-family:Verdana,Geneva,Arial,sans-serif;
font-size:11px;
height:2em;
padding:6px;
text-align:center;
}
#galerie {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
float:left;
padding:0;
text-align:center;
width:480px;
}
#galerie p {
color:#666666;
text-align:left;
}
#galerie img.gal {
border:1px solid #CCCCCC;
float:left;
height:70px;
margin-bottom:12px;
margin-left:0;
margin-right:14px;
padding:2px;
width:60px;
}
#big_img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
padding:0;
text-align:left;
}
#big_img p {
color:#666666;
text-align:left;
}
#big_img p.navi {
color:#666666;
text-align:left;
}
#big_img img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin-bottom:12px;
padding:3px;
}
#contact {
margin-bottom:3em;
}
.contact {
border-bottom:1px dashed #D3D2D2;
min-height:300px;
}
#contact ul, #speakers li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#contact li.gauche {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F4F4F4 none repeat scroll 0 0;
border:1px solid #E9E9E9;
display:inline;
float:left;
height:100px;
margin:0 4px 10px 0;
padding:15px;
width:200px;
}
#contact li.droite {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F4F4F4 none repeat scroll 0 0;
border:1px solid #E9E9E9;
display:inline;
float:left;
height:100px;
margin:0 0 10px 4px;
padding:15px;
width:200px;
}
#contact li img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
float:left;
margin-right:12px;
padding:2px;
width:80px;
}
#contact .contact_id {
color:#666666;
font-size:100%;
line-height:100%;
margin:0;
}
#contact .contact_id a {
color:#5A9897;
font-weight:bold;
}
#contact .contact_id span {
font-size:85%;
position:relative;
top:2px;
}
#contact .contact_id span a {
color:#2A808C;
font-weight:normal;
}
#contact ul li p {
color:#666666;
font-size:90%;
line-height:1.3;
}
#indexgal {
margin-bottom:3em;
}
.indexgal {
border-bottom:1px dashed #D3D2D2;
min-height:300px;
}
#indexgal ul, #speakers li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#indexgal li.gauche {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F4F4F4 none repeat scroll 0 0;
border:1px solid #E9E9E9;
display:inline;
float:left;
height:60px;
margin:0 4px 10px 0;
padding:15px;
width:200px;
}
#indexgal li.droite {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F4F4F4 none repeat scroll 0 0;
border:1px solid #E9E9E9;
display:inline;
float:left;
height:60px;
margin:0 0 10px 4px;
padding:15px;
width:200px;
}
#indexgal li img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
float:left;
margin-right:12px;
padding:2px;
}
#indexgal .contact_id {
color:#666666;
font-size:100%;
line-height:100%;
margin:0;
}
#indexgal .contact_id a {
color:#5A9897;
font-weight:bold;
}
#indexgal .contact_id span {
font-size:85%;
position:relative;
top:2px;
}
#indexgal .contact_id span a {
color:#2A808C;
font-weight:normal;
}
#indexgal ul li p {
color:#666666;
font-size:90%;
line-height:1.3;
text-align:left;
}
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
</head>
<body>
<br/>
<div id="wrapper">
</div>
<br/>
<br/>
</body>
</html>