body {
 margin: 0;
 padding: 0;
 border: 0;
 background: #fff;
 color:#333;
 font-family: arial, sans-serif;
 font-size: 0.7em;
 text-align: center;
}

h1, h2, h3, h4, p, pre, dl, ul, ol, address {
 margin: 0;
 padding: 0;
 border: 0;
}

h1 { font-size: 1.5em;}
h2 { font-size: 1.3em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}

pre {font-size: 2em;}

ul.sans { list-style: none;}

ul.puces, ol.puces {
 margin: 0 3em;
 padding: 0 1em;
}

em { font-family: lucida, monospace;}

img { 
 margin: 0;
 padding: 0;
 border: 0;
}
img.adroite { padding: 20px;}

a {
 border: 0;
 color: #369;
 text-decoration: none;
}

.agauche { float: left;}
.adroite { float: right;}
.agauchetour { float: left; padding: 5px 5px 5px 20px;}
.adroitetour { float: right; padding: 5px 20px 5px 5px;}
.alaligne { clear: both;}

.centre { text-align: center;}
.droite { text-align: right;}
.gauche { text-align: left;}

.important { color: #000;}
.gras { font-weight: bold;}
.nuance { color: #666;}
.big { font-size: 1.5em;}
.fond { padding: 5px; border: 1px solid #999; background: #ffc;}
.erreur { color: #f00;}
.pub { color: #f00;}

.feuille {
 margin: 0;
 padding: 1em;
 border : 1px dotted #666;
 background: #eee;
}

.futur {
 color: #ccc;
}

.logo1 {
 font-size: 1.1em;
 font-weight: bold;
 color: #999;
}
.logo2 {
 font-size: 1.1em;
 font-weight: bold;
 color: #666;
}
.logo3 {
 font-size: 1.1em;
 font-weight: bold;
 color: #1b376e;
}

#slogan {
 margin: 0;
 padding: 0;
 border: 0;
 height: 30px;
}

.ps  { 
 font-style: italic;
 font-size: 80%;
 color: #666;
}

#gabari {
 position: relative;
 margin: 20px auto;
 padding: 0;
 border: 1px solid #36c;
 background: #fff;
 width: 980px;
 height: 600px;
 text-align: left;
}

img.top {
 position: absolute;
 top: 30px;
 right: 0;
}
h1.top {
 position: absolute;
 top: 10px;
 right: 10px;
}

#gabari p.fermer {
 position: absolute;
 top: -20px;
 right: 0;
}

img.appelez {
 position: absolute;
 top: 50px;
 left: 300px;
}

#entete {
 margin: 0;
 padding: 0;
 border: 0;
 width: 980px;
 height: 160px;
 background: #fff url(images/brouhaha.gif) 0 100% no-repeat;
}

#pied {
 position: absolute;
 bottom: 0;
 left: 0;
 margin: 0;
 padding: 0;
 border: 0;
 background: #1b376e;
 width: 980px;
 line-height: 20px;
 vertical-align: middle;
}
#pied ul {
 margin: 0;
 padding: 0;
 border: 0;
 list-style: none;
}
#pied li {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 text-align: center;
 width: 20%;
}
#pied li.on {
 background: #fff;
}
#pied a {
 display: block;
 margin: 0;
 padding: 0;
 border: 0;
 width: 100%;
 color: #fff;
}
#pied a:hover {
 color: #69f;
}

/***  MENU  ******************************************/

#menu {
 margin: 0;
 padding: 0;
 border: 0;
 width: 980px;
 background: #ccc;
 line-height: 20px;
 vertical-align: middle;
}
#menu ul {
 margin: 0;
 padding: 0;
 border: 0;
 list-style: none;
}
#menu li {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 background: #666;
 text-align: center;
 width: 20%;
}
#menu li.on {
 background: #fff;
}
#menu li.no {
 background: #333;
 color: #fff;
}
#menu a {
 display: block;
 margin: 0;
 padding: 0;
 border: 0;
 width: 100%;
 color: #fff;
}
#menu a:hover {
 background: #69f;
 color: #fff;
}


/*** FORMULAIRES  ******************************************/

form.f370 {
 margin: 0;
 padding: 0;
 border: 0;
 text-align: left;
 width: 100%;
 height: 370px;
 overflow: auto;
 background: #fff;
}

form.ligne {
 margin: 0;
 padding: 0;
 border: 0;
 line-height: 1.8em;
 vertical-align: middle;
}

select.test {
 font-size: 0.9em;
}

/*** Formulaire ***/

#enteteForm, #piedForm {
 margin: 0;
 padding: 0px 20px;
 border: 0;
 background: #3e5485;
 color: #fff;
 font-weight: bold;
}
#enteteForm p {
 line-height: 1.3em;
 vertical-align: middle;
}

#corpsForm {
 margin: 0;
 padding: 1em;
 border: 1px solid #000;
 background: #fefefe;
 color: #000;
}
#corpsForm p {
 clear: both;
 margin: 0 0 0 0;
 padding: 0 0 0.2em 0;
 font-size: 1.2em;
 line-height: 1.5em;
 vertical-align: middle;
}
#corpsForm select {
 margin: 0.2em 0;
 font-size: 1.2em;
 line-height: 1.5em;
 vertical-align: middle;
}

#corpsForm fieldset {
 margin: 0;
 padding: 0 1em 1em 1em;
}

#corpsForm legend {
 font-weight: bold;
 background: #fefefe;
 color: #000;
}

#corpsForm p.f070 {
 margin: 0 0 0 29%;
 padding: 0 .5em 0 0;
 line-height: 1.8;
}
#corpsForm p.f070 textarea  {
 width: 90%;
}

#corpsForm p.f3070 label {
 float: left;
 margin: 0;
 padding: 0 .5em 0 0;
 width: 25%;
 text-align: right;
 line-height: 1.8;
}
#corpsForm p.f3070 input {
 width: 65%;
}

#corpsForm p.f3070 input.radio {
 width: 10px;
}

#corpsForm p.f5050 label {
 float: left;
 margin: 0;
 padding: 0 .5em 0 0;
 width: 45%;
 text-align: right;
 line-height: 1.8;
}
#corpsForm p.f5050 input, #corpsForm p.f3070 textarea {
 width: 45%;
}
#corpsForm p.f5050 input.radio {
 width: 10px;
}

#corpsForm p.f5050frame {
 margin: 0;
 padding: 0 .5em 0 0;
 height: 200px;
}
#corpsForm p.f5050frame label {
 margin: 0;
 padding: 0 .5em 0 0;
 line-height: 1.8;
}
#corpsForm p.f5050frame select {
 margin: 0;
 padding: 0;
 line-height: 1.8;
}
#corpsForm p.f5050frame iframe{
 float: right;
 margin: 0;
 padding: 0;
 border: 0;
 width: 240px;
 height: 200px;
}

#corpsForm p.f304030 label {
 float: left;
 margin: 0;
 padding: 0 .5em 0 0;
 width: 25%;
 text-align: right;
 line-height: 1.8;
}
#corpsForm p.f304030 input, #corpsForm p.f304030 textarea, #corpsForm p.f304030 select {
 width: 45%;
}
#corpsForm p.f304030 em {
 width: 30%;
}

#corpsForm label.oblige {
 font-weight: bold;	
}


#corpsForm2 {
 margin: 0;
 padding: 5px 0 0 0;
 border: 1px solid #000;
 background: #fefefe;
 color: #000;
}
#corpsForm2 p.f3070 {
 margin: 0;
 padding: 0;
 border: 0;
}
#corpsForm2 p.f3070 label {
 float: left;
 margin: 0;
 padding: 0 .5em 0 0;
 width: 25%;
 text-align: right;
 line-height: 1.8;
}
#corpsForm2 p.f3070 input {
 width: 60%;
}


#corpsForm .focus, #corpsForm2 .focus {
 background: #f5f5dc;
 color: #800;
}
#corpsForm .normal, #corpsForm2 .normal {
 background: #fff;
 color: #000;
}


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

#texte {
 padding: 20px 0 0 0;
 width: 100%;
 height: 350px;
 overflow: auto;
 background: #fff;
}

.texte {
 width: 100%;
 height: 370px;
 overflow: auto;
 background: #fff;
}

img.col {
 width: 196px;
 height: 370px;
}

#direct {
 margin: 0;
 padding: 0;
 border: 0;
 background: #999;
 height: 370px;
}
#direct ul {
 padding: 10px;
 list-style: none;
}
#direct li {
 width: 176px;
 background: #666;
 text-align: center;
 line-height: 2em;
 vertical-align: middle;
}
#direct li.on {
 background: #999;
}
#direct a {
 display: block;
 padding: 5px;
 width: 166px;
 color: #fff;
}
#direct a:hover {
 background: #69f;
 color: #fff;
}

#navig {
 margin: 0;
 padding: 0;
 border: 0; 
}
#navig ul {
 padding: 10px;
 list-style: none;
}
#navig li {
 width: 176px;
 background: #ccc;
 text-align: left;
 line-height: 2em;
 vertical-align: middle;
}
#navig li.on {
 background: #fff;
 text-decoration: none;
}
#navig a {
 display: block;
 padding: 5px;
 width: 166px;
}
#navig a:hover {
 background: #69f;
 color: #fff;
}


#navig2 {
 margin: 0;
 padding: 0;
 border: 0; 
}
#navig2 ul {
 padding: 10px;
 list-style: none;
}
#navig2 li {
 width: 176px;
 background: #ccc;
 text-align: center;
 line-height: 1.2em;
 vertical-align: middle;
}
#navig2 li.on {
 background: #fff;
 text-decoration: none;
}
#navig2 a {
 display: block;
 padding: 5px;
 width: 166px;
}
#navig2 li.nurl {
 display: block;
 padding: 5px;
 width: 166px;
 color: #666;
}
#navig2 a:hover {
 background: #69f;
 color: #fff;
}

/***  1 COL  ******************************************/

/***  100 ***/

#c1_100 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 979px;
}
#c1_100 h2, #c1_100 h3, #c1_100 h4, #c1_100 p, #c1_100 pre, #c1_100 dl, #c1_100 address {
 padding: 5px 0 5px 0;
 border: 0;
}

#c1_100 textarea {
 width: 90%;
 height: 70px;
}



/***  2 COLS  ******************************************/

/***  20/80 ***/

#c1_2080 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
}
#c1_2080 h2, #c1_2080 h3, #c1_2080 h4, #c1_2080 p, #c1_2080 pre, #c1_2080 dl, #c1_2080 address {
 padding: 5px 0 5px 0;
 border: 0;
}

#c2_2080 {
 float: left;
 margin: 0;
 padding: 0;
 border-top: 0;
 border-right: 0;
 border-bottom: 0;
 border-left: 1px solid #efefef;
 width: 783px;
}
#c2_2080 h2, #c2_2080 h3, #c2_2080 h4, #c2_2080 p, #c2_2080 pre, #c2_2080 dl, #c2_2080 ul, #c2_2080 address {
 padding: 5px 20px 5px 20px;
 border: 0;
}
#c2_2080 textarea {
 width: 90%;
 height: 70px;
}


/***  2 COLS 80/20 ******************************************/

#c1_8020 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 778px;
}
#c1_8020 h2, #c1_8020 h3, #c1_8020 h4, #c1_8020 p, #c1_8020 pre, #c1_8020 dl, #c1_8020 ul, #c1_8020 address {
 padding: 5px 20px 5px 0;
 border: 0;
}
#c1_8020 textarea {
 width: 450px;
 height: 370px;
}
#c2_8020 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 200px;
 text-align: center;
}
#c2_8020 h2, #c2_8020 h3, #c2_8020 h4, #c2_8020 p, #c2_8020 pre, #c2_8020 dl, #c2_8020 ul, #c2_8020 address {
 padding: 5px 0;
 border: 0;
}

/***  2 COLS 60/40 ******************************************/

#c1_6040 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 588px;
}
#c1_6040 h2, #c1_6040 h3, #c1_6040 h4, #c1_6040 p, #c1_6040 pre, #c1_6040 dl, #c1_6040 ul, #c1_6040 address {
 padding: 5px 20px 5px 0;
 border: 0;
}
#c2_6040 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 392px;
 text-align: center;
}
#c2_6040 h2, #c2_6040 h3, #c2_6040 h4, #c2_6040 p, #c2_6040 pre, #c2_6040 dl, #c2_6040 ul, #c2_6040 address {
 padding: 5px 0;
 border: 0;
}
#c2_6040 textarea {
 width: 340px;
 height: 70px;
}

/***  3 COLS  ******************************************/

/***  20/40/40 ***/
#c1_204040 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
}
#c1_204040 h2, #c1_204040 h3, #c1_204040 h4, #c1_204040 p, #c1_204040 pre, #c1_204040 dl, #c1_204040 ul, #c1_204040 address {
 padding: 5px 0 5px 0;
 border: 0;
}
#c2_204040 {
 float: left;
 margin: 0;
 padding: 0;
 border-top: 0;
 border-right: 1px solid #efefef;
 border-bottom: 0;
 border-left: 1px solid #efefef;
 width: 390px;
 height: 370px;
}
#c2_204040 h2, #c2_204040 h3, #c2_204040 h4, #c2_204040 p, #c2_204040 pre, #c2_204040 dl, #c2_204040 ul, #c2_204040 address {
 padding: 5px 20px 5px 20px;
 border: 0;
}
#c2_204040 textarea {
 width: 100%;
 height: 70px;
}
#c3_204040 {
 float: left;
 margin: 0;
 padding: 0;
 border-top: 0;
 border-right: 0;
 border-bottom: 0;
 border-left: 0;
 width: 372px;
}
#c3_204040 h2, #c3_204040 h3, #c3_204040 h4, #c3_204040 p, #c3_204040 pre, #c3_204040 dl, #c3_204040 ul, #c3_204040 address {
 padding: 5px 0 5px 20px;
 border: 0;
}

/***  40/20/40 ***/
#c1_402040 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 392px;
}
#c1_402040 h2, #c1_402040 h3, #c1_402040 h4, #c1_402040 p, #c1_402040 pre, #c1_402040 dl, #c1_402040 ul, #c1_402040 address {
 padding: 5px 20px 5px 0;
 border: 0;
}
#c2_402040 {
 float: left;
 margin: 0;
 padding: 0;
 border-top: 0;
 border-right: 1px solid #efefef;
 border-bottom: 0;
 border-left: 1px solid #efefef;
 width: 194px;
 height: 370px;
}
#c2_402040 h2, #c2_402040 h3, #c2_402040 h4, #c2_402040 p, #c2_402040 pre, #c2_402040 dl, #c2_402040 ul, #c2_402040 address {
 padding: 5px 20px 5px 20px;
 border: 0;
}
#c3_402040 {
 float: left;
 margin: 0;
 padding: 0;
 border-top: 0;
 border-right: 0;
 border-bottom: 0;
 border-left: 0;
 width: 392px;
}
#c3_402040 h2, #c3_402040 h3, #c3_402040 h4, #c3_402040 p, #c3_402040 pre, #c3_402040 dl, #c3_402040 ul, #c3_402040 address {
 padding: 5px 0 5px 20px;
 border: 0;
}

/***  20/20/60 ***/

#c1_202060 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
}
#c1_202060 h2, #c1_202060 h3, #c1_202060 h4, #c1_202060 p, #c1_202060 pre, #c1_202060 dl, #c1_202060 address {
 padding: 5px 20px 5px 0;
 border: 0;
}

#c2_202060 {
 float: left;
 margin: 0;
 padding: 0;
 border-top: 0;
 border-right: 0;
 border-bottom: 0;
 border-left: 0;
 width: 196px;
}
#c2_202060 h2, #c2_202060 h3, #c2_202060 h4, #c2_202060 p, #c2_202060 pre, #c2_202060 dl, #c2_202060 ul, #c2_202060 address {
 padding: 5px 20px 5px 20px;
 border: 0;
}

#c3_202060 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 588px;
 text-align: center;
}
#c3_202060 h2, #c3_202060 h3, #c3_202060 h4, #c3_202060 p, #c3_202060 pre, #c3_202060 dl, #c3_202060 ul, #c3_202060 address {
 padding: 5px 0;
 border: 0;
}

/***  20/60/20 ***/

#c1_206020 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
}
#c1_206020 h2, #c1_206020 h3, #c1_206020 h4, #c1_206020 p, #c1_206020 pre, #c1_206020 dl, #c1_206020 address {
 padding: 5px 20px 5px 0;
 border: 0;
}

#c2_206020 {
 float: left;
 margin: 0;
 padding: 0;
 border-top: 0;
 border-right: 0;
 border-bottom: 0;
 border-left: 1px solid #efefef;
 width: 587px;
}
#c2_206020 h2, #c2_206020 h3, #c2_206020 h4, #c2_206020 p, #c2_206020 pre, #c2_206020 dl, #c2_206020 ul, #c2_206020 address {
 padding: 5px 20px 5px 20px;
 border: 0;
}
#c2_206020 textarea {
 width: 90%;
 height: 70px;
}
#c3_206020 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
 text-align: center;
}
#c3_206020 h2, #c3_206020 h3, #c3_206020 h4, #c3_206020 p, #c3_206020 pre, #c3_206020 dl, #c3_206020 ul, #c3_206020 address {
 padding: 5px 0;
 border: 0;
}

#c3_206020 marquee {
 margin: 0;
 padding: 0;
 border: 0;
 text-align: center;
 width: 196px;
 height: 370px;
}


/***  4 COLS  ******************************************/

/***  20/20/20/40 ***/

#c1_20202040 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
}
#c1_20202040 h2, #c1_20202040 h3, #c1_20202040 h4, #c1_20202040 p, #c1_20202040 pre, #c1_20202040 dl, #c1_20202040 address {
 padding: 5px 20px 5px 0;
 border: 0;
}

#c2_20202040 {
 float: left;
 margin: 0;
 padding: 0;
 border-top: 0;
 border-right: 0;
 border-bottom: 0;
 border-left: 0;
 width: 196px;
}
#c2_20202040 h2, #c2_20202040 h3, #c2_20202040 h4, #c2_20202040 p, #c2_20202040 pre, #c2_20202040 dl, #c2_20202040 ul, #c2_20202040 address {
 padding: 5px 20px 5px 20px;
 border: 0;
}

#c3_20202040 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
 text-align: center;
}
#c3_20202040 h2, #c3_20202040 h3, #c3_20202040 h4, #c3_20202040 p, #c3_20202040 pre, #c3_20202040 dl, #c3_20202040 ul, #c3_20202040 address {
 padding: 5px 0;
 border: 0;
}

#c4_20202040 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 392px;
 text-align: center;
}
#c4_20202040 h2, #c4_20202040 h3, #c4_20202040 h4, #c4_20202040 p, #c4_20202040 pre, #c4_20202040 dl, #c4_20202040 ul, #c4_20202040 address {
 padding: 5px 0;
 border: 0;
}


/***  20/20/40/20 ***/

#c1_20204020 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
}
#c1_20204020 h2, #c1_20204020 h3, #c1_20204020 h4, #c1_20204020 p, #c1_20204020 pre, #c1_20204020 dl, #c1_20204020 address {
 padding: 5px 20px 5px 0;
 border: 0;
}

#c2_20204020 {
 float: left;
 margin: 0;
 padding: 0;
 border-top: 0;
 border-right: 0;
 border-bottom: 0;
 border-left: 0;
 width: 196px;
 text-align: center;
}
#c2_20204020 h2, #c2_20204020 h3, #c2_20204020 h4, #c2_20204020 p, #c2_20204020 pre, #c2_20204020 dl, #c2_20204020 ul, #c2_20204020 address {
 padding: 5px 20px 5px 20px;
 border: 0;
}

#c2_20204020 marquee {
 margin: 0;
 padding: 0;
 border: 0;
 text-align: center;
 width: 196px;
 height: 370px;
}

#c3_20204020 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 392px;
}
#c3_20204020 h2, #c3_20204020 h3, #c3_20204020 h4, #c3_20204020 p, #c3_20204020 pre, #c3_20204020 dl, #c3_20204020 ul, #c3_20204020 address {
 padding: 5px 0;
 border: 0;
}

#c4_20204020 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
 text-align: center;
}
#c4_20204020 h2, #c4_20204020 h3, #c4_20204020 h4, #c4_20204020 p, #c4_20204020 pre, #c4_20204020 dl, #c4_20204020 ul, #c4_20204020 address {
 padding: 5px 0;
 border: 0;
}


/***  20/40/20/20 ***/

#c1_20402020 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
}
#c1_20402020 h2, #c1_20402020 h3, #c1_20402020 h4, #c1_20402020 p, #c1_20402020 pre, #c1_20402020 dl, #c1_20402020 address {
 padding: 5px 20px 5px 0;
 border: 0;
}

#c2_20402020 {
 float: left;
 margin: 0;
 padding: 0;
 border-top: 0;
 border-right: 0;
 border-bottom: 0;
 border-left: 0;
 width: 392px;
}
#c2_20402020 h2, #c2_20402020 h3, #c2_20402020 h4, #c2_20402020 p, #c2_20402020 pre, #c2_20402020 dl, #c2_20402020 ul, #c2_20402020 address {
 padding: 5px 20px 5px 20px;
 border: 0;
}
#c2_20402020 textarea {
 width: 340px;
 height: 70px;
}
#c3_20402020 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
 text-align: center;
}
#c3_20402020 h2, #c3_20402020 h3, #c3_20402020 h4, #c3_20402020 p, #c3_20402020 pre, #c3_20402020 dl, #c3_20402020 ul, #c3_20402020 address {
 padding: 5px 0;
 border: 0;
}

#c4_20402020 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
 text-align: center;
}
#c4_20402020 h2, #c4_20402020 h3, #c4_20402020 h4, #c4_20402020 p, #c4_20402020 pre, #c4_20402020 dl, #c4_20402020 ul, #c4_20402020 address {
 padding: 5px 0;
 border: 0;
}



/***  5 COLS  ******************************************/

/***  20/20/20/20/20 ***/

#c1, #c2, #c3, #c4, #c5 {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 196px;
 text-align: center;
}

.navig {
 margin: 0;
 padding: 0;
 border: 0; 
}
.navig ul {
 padding: 10px;
 list-style: none;
}
.navig li {
 width: 176px;
 background: #ccc;
 text-align: left;
 line-height: 2em;
 vertical-align: middle;
}
.navig li.on {
 background: #fff;
 text-decoration: none;
}
.navig a {
 display: block;
 padding: 5px;
 width: 166px;
}
.navig a:hover {
 background: #69f;
 color: #fff;
}