/* CSS Document */


/* INITIALISATION */

html, body {margin:0;padding:0;}
div,form,h1,h2,h3,h4,h5,h6,p,fieldset,img,ul,li { padding:0; margin:0; border:none; }
li {list-style-type:none}

body {
background-color: #FFF;
font-family:Arial, Helvetica, sans-serif;
padding:35px 0;
font-size:12px;
}

::-moz-selection {
background:#cc0000;
color:white;
}


h1,h2,h3,h4,h5,h6 {
font-weight:normal;
color:#b2aea8
}

h2 {font-size:2em;letter-spacing:-1px;}
h3 {font-size:1.67em;letter-spacing:-0.5px;}
h4 {font-size:1.67em;letter-spacing:-0.5px;}
h5 {font-size:1.33em;letter-spacing:-0.4px;}
h6 {font-size:1.33em;letter-spacing:-.8px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#b2aea8;text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#cc0000;background:none;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6, h1 span a, h2 span a, h3 span a, h4 span a, h5 span a, h6 span a {color:#797672;}


p {line-height:150%;font-family:Georgia, "Times New Roman", Times, serif;color:#797672;}

a {
text-decoration:underline;
color:#cc0000;
}
a:hover {background:#cc0000;color:#fff;}
a.logo:hover {background:none;}
del a {color:#797672;}
del a:hover {background:#666666;}
.gecko br.clear-ff {clear:both;}
.ie br.clear-ff {display:none}

.vignette {position:relative;top:-30px;left:210px;}

.flash-replaced .alt {display:none;}


/* ----------------------- */


#container {
margin:auto;
width:910px;
clear:both;
}

#header {
clear:both;
margin:0 auto;
width:790px;
}

#header h1 {
padding:20px 0;
}

#header p {
font-size:16px;
color:#727272;
}

#header .maj {
text-align:right;
font-size:14px;
}


#alaune {margin:0 auto;width:790px;padding-bottom:20px;}
#alaune .title p {margin:0;padding-top:15px;}
#alaune .title {margin-bottom:10px;}
#alaune .title h2 {width:80%;text-align:left}

#alaune p {margin:0;font-size:14px}

#sommaire, #allstar, #apropos {
margin:0 auto;
width:790px;
clear:both;
padding:20px 0;
}

#content-sommaire {clear:both}

.col {
float:left;
width:237px;
margin-top:10px;
}

span.date {color:#797672;font-size:1.17em}
.col.left {padding-right:19px;clear:both}
.col.middle {padding:0 19px;border-left:1px solid #e1ddd6;border-right:1px solid #e1ddd6;}
.col.right {padding-left:19px;}

.projet {margin-bottom:30px;height:340px;}
.ie .projet {margin-bottom:30px;height:390px;}
.ie7 .projet {margin-bottom:30px;height:360px;}
.projet img {margin-bottom:5px}
.projet p {margin:4px 0 12px 0;}
.projet h4 {margin-bottom:20px;}

.title {clear:both;text-align:right}
.title h2, .title h3, .title h4 {float:left;}
.title img {margin-top:8px;}

/* FUCK SAFARI -- BUG LORS DU REPLIAGE */
.safari #sommaire .title a {display:none}
/* --------------------------------- */




/*  ------   ALL STAR   ------- */

#contenu {
margin:0 auto;
width:790px;
clear:both;
padding:20px 0;
}

#content-contenu {margin-top:10px;}

#contenu h2 {padding-top:20px;border-top:1px solid #e1ddd6;}
#contenu h3 {padding-top:15px;margin-top:20px;border-top:1px dotted #e1ddd6;}

#contenu h1,#contenu h2,#contenu h3,#contenu h4,#contenu h5,#contenu h6 {margin:20px 0 10px 0;}
#contenu p {margin:0 0 10px 0;}

ul,#contenu code.block {display:block;padding-left:20px;margin:15px 0;}
li {margin:0 0 10px 0;font-family:Georgia, "Times New Roman", Times, serif;color:#797672;list-style:disc;}

#contenu .exemple {color:#b2aea8}
#contenu code strong {color:#CC0000}
#contenu code.block {padding:10px 20px;background-color:#F0EEEB;overflow:auto;}

/* ------------------ */




/*  ------   A PROPOS   ------- */

#apropos {padding-top:20px;border-top:1px solid #e1ddd6;}

#apropos p {margin:10px 0;}

#apropos .col.left {padding-right:15px;width:237px}
#apropos .col.middle {padding:0 15px;width:253px}
#apropos .col.right {padding-left:15px;width:237px}

#apropos h5 {padding-top:15px;margin-top:20px;border-top:1px dotted #e1ddd6;}

#apropos h6 {margin:15px 0 5px}


/* ----- */

body {padding:0 !important;}

a.alert {
display:none;
background:#FFF9D8;
padding:8px 20px 3px;
border-bottom:1px solid #FFE8CD;
color:#000;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}



#container {
margin-top:20px;
}

a.alert img {vertical-align:middle;margin:0 10px 4px}


/*  ------   TABLEAU   ------- */

table {
    border-collapse: collapse;
    margin: 20px 0;
}

table th,
table td {
    height: 30px;
    padding: 2px 5px;
}

table thead tr {
    background-color: #F0EEEB;
}

table tbody tr {
    text-align: left;
}

table tbody td {
    text-align: center;
}

table tbody td.type {
    border-left: 0;
    color: #999;
    text-align: left;
}

table tbody tr,
table tbody td {
    border: 1px solid #F0EEEB;
}

table td.yes,
span.yes {
    color: #3C3;
    font-size: 22px;
}
table td.no,
span.no {
    color: #C00;
    font-size: 16px;
}
table td.del,
span.del {
    color: #CCC;
}

table tfoot td {
    color: #666;
    text-align: left;
}

table tfoot span {
    margin: 0 5px 0 15px;
    vertical-align: middle;
}