* {font-family:Arial, Helvetica, sans-serif}

html, body {margin:0; padding:0; background:url(main-rpt.png) repeat-x #A2C524}
object {outline:0}
img {border:0}

h2 {font-size:18px; color:#008CCD; margin:10px 0}
h3 {font-size:16px; color:#98BF0D; margin:8px 0}
h4 {font-size:14px; color:#E20077; margin:8px 0}
p {margin:8px 0}
a {color:#999}
li {font-size:12px}

#fond {background:url(contenu-repeat.png) repeat-y 55px 0; overflow:hidden; width:1024px; margin:0 auto}
#global {width:1024px; min-height:659px; background:url(main-fond.jpg) no-repeat; margin:0 auto; position:relative}
#global.sommaire {background:url(entree-fond.jpg) no-repeat}

#contenu .chapeau {font-size:12px; color:#999; margin-bottom:20px}
#contenu .description {font-size:12px; color:#999}

#header {position:relative; height:200px}
#header ul {margin:0; padding:0; list-style-type:none}
#header ul li {position:absolute}
#header ul li a {position:absolute; display:block; text-indent:-4000px}
#header ul li a:hover {background-position:0 30px}
#header ul li#menu_accueil a {width:68px; height:30px; background-image:url(nav-accueil.png); top:0px; left:135px}
#header ul li#menu_haut1 a {width:67px; height:30px; background-image:url(nav-contact.png); top:0px; left:203px}
#header ul li#menu_haut2 a {width:107px; height:30px; background-image:url(nav-mentions.png); top:0px; left:270px}

#header #lien_accueil {display:block; width:300px; height:100px; position:absolute; top:50px; left:112px; text-indent:-4000px}

#accueil {position:relative}
#atelier {width:234px; height:320px; position:absolute; top:10px; left:108px}
#atelier .chapeau {margin:14px 0 0 0; font-size:12px; height:76px; overflow:hidden}
#atelier .chapeau * {margin:0; font-size:12px}
#atelier .visuel img {width:229px; height:106px}

#ecole {width:234px; height:320px; position:absolute; top:10px; left:405px}
#ecole .chapeau {margin:14px 0 0 0; font-size:12px; height:76px; overflow:hidden}
#ecole .chapeau * {margin:0; font-size:12px}
#ecole .visuel img {width:229px; height:106px}

#bloc_note {width:234px; height:320px; position:absolute; top:10px; left:705px}
#bloc_note h2 {margin:30px 0 0 0; font-size:16px; color:#98BF0D}
#bloc_note .chapeau {margin:14px 0 0 0; font-size:12px; height:150px; overflow:hidden}
#bloc_note .chapeau * {margin:0; font-size:12px}

a.savoir_plus {display:block; width:147px; height:31px; background:url(btn_savoir-plus.png); text-indent:-4000px}
#acccueil a.savoir_plus {position:absolute; bottom:8px}
a.savoir_plus:hover {background-position:0 31px}


#gauche {width:222px; float:left; overflow:hidden; margin:0 0 0 70px}
#droite {width:180px; float:right; overflow:hidden; margin:0 56px 0 0; position:relative; padding-top:180px}
#content {overflow:hidden}
#contenu {overflow:hidden; width:450px; float:left; margin:0 0 0 10px}

#localisation a {position:absolute; top:12px; display:block; width:160px; height:170px; text-indent:-4000px}
#droite .chapeau {font-size:12px; color:#999}

#droite .bloc {padding:0 0 25px 0; background:url(pied-droite.png) bottom no-repeat}
#ariane, #ariane * {margin:0; font-size:12px; color:#999; font-weight:normal}
#ariane {margin:20px 0 10px 0}

#footer {width:952px; height:27px; background:url(pied-repeat.png) 19px 0; margin:0 auto 50px auto}

#gauche .bloc {width:222px; background:url(rub-bleu.png) no-repeat}
#gauche .bloc h2 {width:204px; height:46px; padding:20px 0 0 20px; margin:-20px 0 0 0}
#gauche .bloc.premier h2 {margin:0}
#gauche .bloc1 {background:none}

#gauche ul {margin:0 0 10px 0px; padding:0; list-style-type:none}
#gauche ul.ferme {display:none}
#gauche ul.ouvert {margin-bottom:30px; display:block}
#gauche ul li {background:url(tirets-verts.png) bottom no-repeat; width:222px}
#gauche ul li a {padding-left:20px}
#gauche ul li.dernier {background:url(pied-rub.png) bottom no-repeat; width:222px; height:65px}

.portfolio {margin-top:20px}
.portfolio a {text-decoration:none; float:left;display:block; width:25%; text-align:center}


.rubrique_liste {clear:both; margin:20px 0; padding:0 0 20px 0; background:url(tirets-bleu.png) no-repeat bottom}
#contenu .visuel {margin:0 0 20px 0; padding-bottom:10px; padding-right:9px; background:url(fond-img.png) no-repeat right bottom; text-align:right}


#formulaire_lettres,#formulaire_lettres fieldset,#formulaire_lettres ul{
	padding:0;
	margin:0;
	clear:both
}
#formulaire_lettres fieldset{
	border:none;
}
#formulaire_lettres{
	width:180px;
	background:transparent url(pied-droite.png) no-repeat scroll center bottom;
	padding-bottom:25px;
}
#formulaire_lettres .choix{
	clear:both;
	display:block;
	font-weight:normal;
}
#formulaire_lettres .choix label{
font-weight:normal!important;
}
#formulaire_lettres label{
	font-weight:bold;
}