html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}



html, body, #dummy {
height: 100%;
}

body{background:url(images/degrade.png) repeat-x #f58282;

font-size:16px;
color:#fff;
line-height:20px;

font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
#container {
min-height: 100%;
margin-bottom: -100px;
position: relative;
}

#footer {
height: 100px;
position: relative;
background:#666;
font-size:14px;
}
#footer a{
color:#ffc9c9;
}
#footer div{
padding-top:8px;
}
.clearfooter {
height: 100px;
clear: both;
}


#entete{
width:960px;
margin: 0 auto;
height:219px;
position:relative;

}

#titre{

left:240px;
top:90px;
position:absolute;
}

#contenu{
width:960px;
position:relative;
margin:0 auto;
background:url(images/esse.png)  70px 0 no-repeat;
min-height:450px;
}
#contenu p{

margin-bottom:20px;

}
#dummy{

background:url(images/droite.png)  center 219px no-repeat;
}

#crash{

background:url(images/dummy.jpg)  right top no-repeat;

}

#logo{

position:absolute;
left:0;
top:30px;
}

#bras{
position:absolute;
left:824px;
bottom:0px;

}

#entete ul{

position:absolute;
right:0;
}

#entete ul li{

float:left;
margin:0 10px;
}

#entete ul li a{
color:#666666;
text-decoration:none;
display:block;
-moz-border-radius: 0 0 10px 10px;

text-align:center;
padding:40px 15px 5px 15px;
}
#entete ul li a:hover, #accueil a#fond-accueil,  #mot-presidente a#page-mot-presidente,  #nos-cours a#page-nos-cours,  #galerie a#page-galerie,  #liens a#page-liens,  #contact a#page-contact {

color:#fff;
background:#e74d3e;
}

#footer div{
width:960px;
margin:0 auto;
}

#prochains-cours{

background:#fff;
width:212px;
-moz-border-radius: 10px;

color:#000;
padding:5px 20px;
text-align:left;
float:right;
margin-bottom:20px;
}
#prochains-cours dl{

font-size:12px;
text-align:left;

}
#prochains-cours dt{

font-weight:bold;

}
#prochains-cours h2{

font-size:18px;
color:#000;

}
.colonne{
float:left;
padding-top:16px;
}

.gauche{
width:593px;
padding-top:10px;
}

.droite{
text-align:right;
width:367px;
padding-top:280px;
}

hr{clear:both;
visibility:hidden;}

.gauche ul li{

float:left;
margin:15px;}

.liens{

}
.liens img{
margin:30px 55px;
}

h2{
font-size:32px;
margin-bottom:16px;
color:#ffc9c9;
}
h3{
font-size:16px;
margin-bottom:16px;
color:#7c2e1c;}

.colonne ul, .colonne ol{
margin-bottom:16px;
}
.colonne ul li{
margin-left:20px;
list-style:disc;
}

.colonne ol li{
margin-left:30px;
list-style:decimal;
}

ul#cours li{list-style:none;}









div.form-container
{
	
}
.errors
{
	background-color: #FFC;
	border: #FC6 1px solid;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	z-index:1250;
	position:relative;
	color:#000;
}
div.errors p
{
	margin: 0;
}
div.form-container div
{
	margin:5px 0;
}
div.form-container form fieldset
{
	border: #fff 1px solid;
	margin: 25px 5px;
	padding: 10px 10px;
	
}
div.form-container form legend
{
	
}
div.form-container form fieldset div
{
	padding: 0.25em 0;
}
div.form-container label, 
 div.form-container span.label
{
	display: block;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	font-size:81%;
	text-align: right;
	width: 200px;clear:both;

}
div.form-container label em, 
div.form-container input:focus,
div.form-container textarea:focus
{
	
}
div.form-container div.controlset label, 
div.form-container div.controlset input
{
	display: inline;
	float: none;

}
div.form-container div.buttonrow
{
	margin-left: 110px;
}
legend{
	color: #7c2e1c;
	font-weight: bold;
	margin: 0;
}

.colonne a{
color:#7c2e1c;
}

address{
float:left;width:320px;
font-style:normal;
}

.centrer img{
vertical-align:middle;}