html { font-size:100%; }

body {
    background-color:#000;
	color:#444;
	font-family:"Verdana", "DejaVu Sans", "Bitstream Vera Sans", "Geneva", sans-serif;
    /*font-family:"Arial", "Helvetica", "FreeSans", sans-serif;*/
    font-size:0.80em;
    margin:0;
}

h1, h2, h3, h4 {
	font-weight:normal;
	margin-top:0px;
}

h1 { font-size:1.6em; }
h2 { font-size:1.2em; }
h3 { font-size:1.0em; }
h4 { font-size:0.8em; }



a {	color:#f2970c; }
a[class="extern-link"]:after {	content:' [→]' }
a:hover, a:focus {
	text-decoration:none;
}
a img { border:none; }

acronym {
	border-bottom:1px dotted #f2970c;
	cursor:help;
}


/******************************
 * Mise en page generale
 ******************************/
#wrapper {
    background-color:#fff;
    background-image:url(../images/bg-body.jpg);
	background-position:0 125px;
    background-repeat:repeat-x;
}

.col-w250 {
    float:left;
    margin-left:8px;
	min-height:1px;
    width:250px;
}

.col-w350 {
    float:left;
	min-height:1px;
    width:350px;
}

.col-w468 {
    float:left;
    margin-left:8px;
	min-height:1px;
    width:468px;
}


/******************************
 * HEADER
 ******************************/
#header {
    background:url(../images/bg-header.png) no-repeat 14px 0;
    height:290px;
    margin:0 auto;
    /*overflow:auto;*/
    position:relative;
    width:768px;
}

#header-logo-modarts {
    left:8px;
    position:absolute;
    top:8px;
}

#header-logo-modarts a {
	display:block;
	height:200px;
	width:340px;
}


/******************************
 * NAVI
 ******************************/
#navi {
	bottom:30px;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	width:100%;
}

#navi li {
	display:block;
	float:left;
}
#navi li:first-child {
	margin-left:16px;
}

#navi li a {
	/*background-color:#a3057f;*/
	background-image:url(../images/bttn-navi.png);
	background-repeat:no-repeat;
    color:#666;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:26px;
	line-height:26px;
	outline:none;
	padding:12px 0;
	text-align:center;
	text-decoration:none;
	width:130px;
}

#navi li:hover a,
#navi li a:focus,
#navi li.navi-current a {
	background-position:0 -50px;
	color:#fff;
}


#navi li.navi-current a {
	cursor:default;
	color:#fff;
	background-image:url(../images/bttn-navi-current.png);
}

.navi-sub {
	background-image:url(../images/bg-navi-sub-arrow.png);
	background-repeat:no-repeat;
	background-position:60px 0;
	display:none;
	margin-top:-8px;
	padding-top:8px;
}

#navi:hover li.navi-current div.navi-sub{
	display:none;
}

#navi li:hover div.navi-sub,
#navi li.navi-current div.navi-sub,
#navi:hover li.navi-current:hover div.navi-sub{
	display:block;
}


.navi-sub div {
	background-image:url(../images/bg-navi-sub.png);
	background-repeat:repeat-y;
	left:0px;
	margin-left:26px;
	text-align:center;
	position:absolute;
	width:720px;
}

#navi li:hover div a,
#navi li.navi-current div a {
	background:none;
	color:#666;
	cursor:pointer;
	display:inline;
	float:none;
	font-size:0.75em;
	letter-spacing:0.3em;
	line-height:20px;
	padding:0 10px;
}

#navi li div a:hover,
#navi li div a:focus,
#navi li.navi-current div a:hover,
#navi li.navi-current div a:focus,
#navi li.navi-current div a.navi-current {
	color:#d00;
}



/******************************
 * BODY
 ******************************/
#body {
    background:url(../images/bg-body.png) no-repeat 35px -3px;
    margin:0 auto;
	min-height:400px;
    overflow:auto;
    padding-bottom:40px;
	padding-left:8px;
    width:760px;
}


/******************************
 * FOOTER
 ******************************/
#footer {
    background-color:#000;
	background-image:url(../images/footer-arabesque1.png);
	background-repeat:no-repeat;
	background-position:top left;
    clear:both;
	color:#b0b0b0;
    font-size:0.95em;
	min-height:110px;
    position:relative;
    text-align:center;
}

#footer-bubles {
	background-image:url(../images/footer-bubles.png);
	background-repeat:no-repeat;
	height:129px;
	right:0px;
	position:absolute;
	top:-109px;
	width:208px;
}


/******************************
 * HAUT DE PAGE
 ******************************/
#hautDePage {
	background-color:#000;
	bottom:0;
	font-size:0.8em;
	opacity:0.8;
	position:fixed;
	right:8px;
	z-index:9999;
}

#hautDePage a {
	color:#b0b0b0;
	display:block;
	padding:2px 8px;
	text-decoration:none;
}

#hautDePage a:hover,
#hautDePage a:focus {
	padding-bottom:8px;
}


/******************************
 * BOX
 ******************************/
.box-w715-content,
.box-w450-content {
	padding:0 20px;
	padding-bottom:1px;
}

.box-w715-content p,
.box-w450-content p {
	margin-top:0;
    padding:0 24px;
    padding-right:8px;
}

.box-w715-content h1,
.box-w450-content h1 {
	background-color:#a3057f;
	color:#fff;
	margin-bottom:0.6em;
	padding:0px 8px;
	padding-bottom:4px;
}
.box-w715-content h2,
.box-w450-content h2 {
	color:#d81e05;
	padding:4px 8px;
	margin-bottom:0.6em;
}
.box-w715-content h3,
.box-w450-content h3 {
	padding:4px 16px;
	font-weight:bold;
	margin-bottom:0.6em;
}
.box-w715-content h4,
.box-w450-content h4 {
	padding:0px 24px;
	font-weight:bold;
	margin-bottom:0;
}


.box-w715-content table,
.box-w450-content table {
	padding-left:24px;
	padding-right:8px;
}



 /*** width 450 ***/
.box-w450-content {
    background-image:url(../images/box-w450-content.png);
    width:450px;
}
 
.box-w450-header {
    background-image:url(../images/box-w450-header.png);
    height:43px;
    width:490px;
}

.box-w450-footer {
    background-image:url(../images/box-w450-footer.png);
    height:42px;
    width:490px;
}


 /*** type 2 - width 715 ***/
.box-w715-content {
    background-image:url(../images/box-w715-content.png);
    width:715px;
}
 
.box-w715-header {
    background-image:url(../images/box-w715-header.png);
    height:43px;
    width:755px;
}

.box-w715-footer {
    background-image:url(../images/box-w715-footer.png);
    height:42px;
    width:755px;
}


/******************************
 * BOX IMAGE
 ******************************/
.box-image {
    background-image:url(../images/bg-box-image.png);
	height:324px;
	padding-top:40px;
	width:265px;
}

.box-image div {
	height:295px;
	margin-left:30px;
	overflow:hidden;
	text-align:center;
	position:relative;
	width:202px;
}

.box-image img {
	height:300px;
}


/******************************
 * Boutons
 ******************************/
#bttn-adhesion {
    display:inline-block;
    background:url(../images/bttn-adhesion.png) no-repeat;
    padding-left:130px;
    height:40px;
	overflow:hidden;
    width:0;
}

#bttn-adhesion:hover {
    background-position:0 -40px;
}


/******************************
 * Le programme
 ******************************/
.le-programme td:first-child {
	font-weight:bold;
}

.le-programme td {
	padding-bottom:0.5em;
	vertical-align:top;
}


/******************************
 * Partenaires
 ******************************/
#partenaires {
	margin-left:-16px;
}

#partenaires td {
	min-width:50px;
	padding:0 5px;
	text-align:center;
}
#partenaires td img {
	margin-top:20px;
	/*max-height:50px;*/
}


/******************************
 * Formulaire d'adhesion
 ******************************/
#form-adhesion {
	margin:0;
	padding:0;
}

#form-adhesion label {
    display:inline-block;
	text-align:right;
    min-width:140px;
}

#form-adhesion input[type=text],
#form-adhesion textarea {
    border:1px solid #bbb;
    width:160px;
}

#form-adhesion textarea {
	width:300px;
}

#form-adhesion label.form-radio {
    display:inline;
    text-align:left;
    min-width:0;
    width:auto;
}

#form-adhesion .invalidField {
	background-color:#fcc;
}


/******************************
 * Createurs (presentations)
 ******************************/
.createurs a {
	display:block;
	float:left;
	padding:8px 8px;
	text-decoration:none;
	text-align:center;
	width:320px;
	width:120px;
	height:150px;
	-moz-border-radius:0 18px 0 24px;
	-o-border-radius:0 18px 0 24px;
	-webkit-border-radius:0 18px 0 24px;
}

.createurs a:hover {
	background-color:#f3cdc8;
	color:#000;
	background-color:#ccc;
}

.createurs a h3 {
	color:#666;
	font-size:0.8em;
	font-weight:normal;
}
.createurs a:hover h3 {
	color:#000;
}

.createurs a img {
	background:#999;
	border:1px solid #333;
}

.createurs a p {
	color:#333;
	margin-bottom:0.5em;
	text-align:justify;
}

.createurs a div {
	text-align:right;
	text-decoration:underline;
}
.createurs a div:hover {
	text-decoration:none;
}



.createurs-navi-top {
	background-color:#d462ba;
	height:18px;
	line-height:18px;
	margin-bottom:8px;
	overflow:hidden;
	text-align:center;
}
.createurs-navi-top a {
	background:url(../images/createurs-navi-top.png) no-repeat right;
	color:#ffc1f1;
	display:block;
	font-size:0.85em;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;
}
.createurs-navi-top a:hover,
.createurs-navi-top a:focus {
	color:#fff;
}

.createurs-navi-bottom {
	border-top:1px solid #ddd;
	height:2em;
	line-height:2em;
	padding:0 8px;
}
.createurs-navi-bottom a {
	color:#aaa;
	text-decoration:none;
	font-weight:bold;
}
.createurs-navi-bottom a:hover,
.createurs-navi-bottom a:focus {
	color:#000;
}


/******************************
 * Createurs admin
 ******************************/
#createursAdmin {
	border-spacing:0;
	font-size:0.8em;
	padding:0;
}

#createursAdmin th {
	background-color:#d462ba;
	color:#ffc1f1;
	font-size:0.8em;
}

#createursAdmin td {
	padding:4px;
}

#createursAdmin input,
#createursAdmin textarea {
	font-size:11px;
}