
* { margin:0; padding:0; }

body { background-color:#FFFFFF; background-image:url(../images/background-top.gif); background-repeat:repeat-x; }

.footer { background-image:url(../images/background-bottom.gif); background-position:bottom; background-repeat:repeat-x; margin:auto; clear:both; /*background-color:#f9f4cc;
width:960px;*/
}

#titre_accueil { padding:15px 20px 0 10px; }

#titre_contact { padding:15px 20px 0 0px; }

#titre_tarifs { margin:15px 0 0px 90px; width:881px; }

#titre_avenir { padding:150px 20px 0 10px; }

#titre_souscription { padding:10px 20px 30px 470px; }

#titre_historique { padding:15px 0 0 175px; }

#titre_prix { padding:15px 0 0 265px; }

#titre_programmation { padding:0 20px 0 0px; }

#titre_concerts { /*float:right;*/
padding:15px 0 0 240px; }

#titre_organisation { /*float:right;*/
padding:0 0 0 8px; }

#titre_artisans { /*float:right;*/
padding:0 0 50px 170px; }

#titre_partenaires { /*float:right;*/
padding:0 0 0 0; }

a { text-decoration:none; color:#000000; }

a:hover { text-decoration:underline; color:#000000; }

h2#programmation { color:#f79321; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:7px 0; }

h2#programmation_2 { color:#7E8810; font-family:Arial, Helvetica, sans-serif; font-size:20px; margin:7px 0; }

h2.souscription { color:#91c5b8; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin:0 0 30px 0; }

.souscriptionP { color:#91c5b8; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin:0 0 10px 0; }

.tarifsP { color:#858741; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin:10px 0 10px 0; }

.programmation { margin-top:20px; margin-left:60px; }

h2.programmation { color:#F79321; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:7px 0; }

p.texte { font-size:12px; width:475px; margin-top:20px; }

div.texte { font-size:12px; margin-top:20px; width:475px; }

.sous_col_un p { width:225px; }

.sous_col_un { float:left; /*position:absolute;*/
height:340px; width:230px; padding-right:20px; padding-top:3px; border-right:1px solid #91c5b8; }

.sous_col_deux { float:left; /*position:absolute;*/
height:340px; width:160px; padding-left:13px; padding-right:5px; }

.sous_col_trois { float:left; /*position:absolute;*/
height:266px; width:150px; padding-right:15px; border-right:1px solid #91c5b8; padding-top:74px; }

.sous_col_quatre { float:left; /*position:absolute;*/
height:340px; width:160px; padding-left:13px; border-right:1px solid #91c5b8; }

.sous_col_cinq { float:left; /*position:absolute;*/
height:430px; width:150px; padding-left:13px; }

/******************************************************************************************************/
#plaine { margin-top:25px; }

#prix_un { float:left; /*position:absolute;*/
height:500px; width:300px; padding-right:20px; padding-top:0px; border-right:1px solid #D7E028; }

#prix_deux { float:left; /*position:absolute;*/
height:500px; width:300px; padding-left:13px; padding-right:5px; border-right:1px solid #D7E028; }

#prix_trois { float:left; /*position:absolute;*/
height:500px; width:300px; padding-left:15px; padding-right:15px; }

/******************************************************************************************************/


p.texte_souscrip { font-size:12px; margin:0; padding:0; /*width:475px;
margin-top:20px;*/
}

p.texte_souscrip_min { font-size:10px; margin-top:10px; padding:0; width:175px; /*margin-top:20px;*/
}

.sous_col_un p.texte_souscrip { margin:0 0 30px 0; padding:0; /*width:475px;
margin-top:20px;*/
}

div.historique p.texte { font-size:12px; width:560px; margin-top:5px; }

div.contact p.texte { font-size:12px; width:475px; margin-top:5px; }

p.titre { font-size:13px; font-weight:bold; }

p.texte_concert { font-size:12px; width:475px; margin-top:20px; }

p.texte_organisation_droite { font-size:12px; margin-top:20px; width:450px; }

p.texte_organisation { font-size:12px; width:420px; margin-top:20px; }

p.titre { font-size:13px; font-weight:bold; }

p.titre_artisans_first { font-size:13px; font-weight:bold; }

p.titre_artisans { margin-top:20px; font-size:13px; font-weight:bold; }

p.texte_artisans { margin-top:10px; font-size:12px; width:420px; }

p.titre_contact { font-size:13px; font-weight:bold; margin:25px 0 10px 0; }

p.note_tarifs { font-size:10px; margin:2px 0 2px 0; }

p.titre_tarifs { font-size:13px; font-weight:bold; margin:25px 0 10px 0; }

p.texte_tarifs { font-size:12px; margin:2px 0 2px 0; }

#nav { display:block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; position:absolute; text-align:center; z-index:5; }

p.nom { font-size:14px; }

p.groupe { margin:25px 0 10px 0; font-weight:bold; font-size:14px; }

.col_un { width:100px; float:left; }

.col_deux { margin-left:110px; width:260px; }

.ligne { font-size:12px; margin:5px 0; }

.ligne p { margin:0; padding:0; }

.t_prog { font-weight:bold; }

.division { color:#f79321; }

.element { }

.content { clear:both; }

.content_souscription { height:auto; clear:none; }

.bandeau { /*padding-top:15px;
border:1px solid black;*/
}

p#lien_accueil { display:block; position:absolute; margin:0; float:right;/**/ text-align:right; margin-top:30px; font-size:11px; padding-left:540px; }

p#lien_accueil_FB { margin:6px 0 0 0; float:right; padding-left:606px; }

.navig_princ { /*border:1px solid red;*/
height:133px; width:605px; background-image:url(../images/top.gif); background-repeat:no-repeat; margin-left:160px; padding-left:200px; }

.navig_princ ul { width:590px; /*padding-left:215px;*/
height:40px; padding-top:56px;/*border:1px solid black;

*/
}

.navig_princ li { margin-top:76px; display:inline; margin:0 3px; }

.logo_top { float:left;/**/ width:154px; height:133px; }

.image_col_g { width:365px; height:355px; margin:20px 0 40px -5px; }

.image_col_g_contact { width:365px; height:355px; margin:20px 0 20px -5px; }

div#img_organisation.image_col_g { width:470px; height:270px; margin:20px 0 20px -5px; }

.image_col_g_concert { width:346px; height:355px; margin:20px 0 20px -5px; }

img { border:none; }

.brochure { width:210px; height:60px; float:left;/**/ }

.logo_foot { width:160px; height:60px; margin-left:390px; padding-right:40px; float:right;/**/ }

.wrapper { width:1000px; }

#col_gauche { width:370px; float:left;/**/ height:auto; }

#col_gauche.prix { padding-top:30px; width:370px; float:left;/**/ height:auto; }

#col_droite.prix { padding-top:30px; width:580px; height:425px; /*float:right;*/
height:auto; margin-left:395px; }

#col_gauche_contact { width:370px; float:left;/**/ height:auto; }

#col_droite { width:580px; height:425px; /*float:right;*/
height:auto; margin-left:395px; }

#col_droite.partenaires { padding-top:25px; margin-left:535px; width:420px; }

#col_plaine { width:960px; height:auto; /*float:right;*/
}

#col_plaine_histo { padding-top:25px; width:960px; height:750px; /*float:right;*/
}

#col_un_histo { /*border: 1px solid blue;*/
width:300px; float:left; margin-right:25px; margin-bottom:30px; }

#col_deux_histo { /*border: 1px solid red;*/
width:300px; float:left; margin-right:25px; }

#col_trois_histo { /*border: 1px solid green;*/
width:300px; float:left; padding-bottom:50px; }

#col_gauche.organisation { width:450px; float:left;/**/ height:auto; padding:20px 0 40px 0; }

#col_droite.organisation { width:500px; height:620px; /*float:right;*/
margin-left:450px; }

#col_gauche.artisans { width:460px; float:left;/**/ height:auto; padding:130px 0 30px 0; }

#col_droite.artisans { width:460px; height:auto; /*float:right;*/
margin-left:480px; }

#col_droite.organisation div.organisation { margin-top:25px; margin-left:30px; }

.liste_info { width:300px; height:200px; float:left; }

.note_droite { width:250px; /*height:280px;*/
margin-top:5px; margin-left:320px; }

#col_droite p#horaire { margin:15px 0 0 15px; font-size:12px; width:250px; float:left; }

#col_droite p#note { font-size:14px; font-style:italic; height:135px; width:205px; border:1px solid #858741; padding:20px 28px 0 15px; /*margin-left:295px;*/
}

.note_droite div.note p { border:1px solid #858741; font-size:14px; font-style:italic; height:auto; padding:20px 26px 20px 15px; width:205px; }

.note_droite div.message { color:#003300; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:auto; margin-top:5px; width:206px; }

#col_droite form#inscription { font-size:12px; height:50px; width:234px; border:1px solid #858741; padding:8px 0 0 12px; margin:5px 0 0 0; background-color:#eaee8e; /*float:right;*/
}

input#champ_infolettre { margin-right:5px; }

#col_droite ul { margin:20px 0 0 15px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:250px; float:left; }

#col_droite li { list-style:none; }

.foot { background-color:#fbf7da; }

#img_bottom { width:1000px; margin:auto; }

.img_bkg_bottom { width:1000px; height:76px; background-image:url(../images/bottom.gif); background-repeat:no-repeat; }

#info_reserv { padding-top:0; }

p { font-family:Arial, Helvetica, sans-serif; }

p#brochure { margin-left:10px; margin-top:15px; font-size:12px; }

label { font-family:Arial, Helvetica, sans-serif; }

div.contact { margin:20px 10px 10px 10px; }

div.tarifs { margin-left:15px; margin-bottom:15px; }

p.note_tarif { font-size:10px; }

p.comanditaire_logo { font-size:12px; }

p.merci { font-size:20px; font-weight:bold; color:#e54147; }

p.comanditaire { font-size:12px; }

p.partenaires { margin-top:20px; margin-bottom:15px; font-weight:bold; font-size:12px; width:440px; }

.partenaires_p { height:auto; }

h2.partenaires { color:#f79321; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:7px 0; }

.col_gauche_partenaires { width:440px; }

.col_droite_partenaires { width:450px; margin-left:530px; }

p.categorie_prix { font-size:18px; color:#d7e028; }

p.annee_prix { font-size:14px; font-weight:bold; margin:10px 0 5px 0; color:#d7e028; padding-top:10px; }

p.titre_prix { font-weight:bold; font-size:14px; color:#d7e028; }

p.recipiendaire { font-size:12px; margin:5px 0 5px 10px; }

h2.ca { color:#d7e028; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:7px 0; }

/* CLEARFIX */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }

.clearfix { display: inline-block; /* IE / Mac */ }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

