body { margin: 8px 0 0 0; padding: 0; background: white url('../images/fond.jpg'); font-family: Arial, sans-serif; height:100%; font-size: 10pt;}
h1 { font-size: 10pt; font-weight: bold; color: #e2001a; text-align: center; }
h2 { font-size: 10pt; font-weight: bold; color: #060; text-align: center; padding: 8px 0 }
h3 { font-size: 9pt; font-weight: bold; text-align: left; }
h4 { font-size: 9pt; font-weight: bold; text-align: center; }
address { font-size: 10pt; font-style:normal ; }
img {border:0;}
a { color: #060; text-decoration: none }
a:hover { color: #e2001a; text-decoration: underline }
ul, ol, li { list-style-type: none; margin: 0; padding: 0; }

.center{text-align: center; margin: 0 auto;}
.left {text-align:left;}
.ligne_rouge {clear: both; color:#e2001a; width:400px; height: 1px; margin: 10px auto; text-align: center; border: 0; background: #c00}
.rouge {color:#e2001a}
.vert {color:#006600}
.space {clear: both;}
.NC {font-style: italic; color: #aaa; font-size: 8pt}
.pt {font-size: 8pt}

.header {height: 160px;margin:0; padding:0; text-align:left; width:990px;}
.logo {position: absolute; z-index: 100; top: 2px; }
.coinG {position: absolute; z-index: 10; margin: -3px 0 0 -3px;}
.coinD {position: absolute; z-index: 10; margin: -3px 0 0 978px;}
.photos {position: absolute;; text-align: right; width: 760px; height:126px; margin:0 0 0 234px;}
.photos img {margin:0 4px}

h1.fic_cheval {margin: 0 auto; padding: 5px; width: 200px; height: 20px; border: 1px outset #e2001a; text-align:center; }

ul.txt, ol.txt {text-align:left; margin:0 0 0 25px}
ul.txt li	{list-style-type:disc}
ol.txt li	{list-style-type:disc}
ul.txt2 {text-align:left; margin:0 0 0 40px}
ul.txt2 li	{list-style-type:square}

.fiches {text-align:left;}
.fiches li {padding:10px 0 }
#acces li { display: list-item; list-style: disc; }

.liens {float: left; margin: 20px 30px; height: 100px;}

#content {width:990px; border: #060 3px solid; text-align:center; margin: 0 auto; background: white;}

#band_haut { clear: both;width:990px; height:31px; background:url('../images/fond_menu.jpg') repeat-x 0% 0%; padding: 5px 0; margin: -3px 0 0 0;}
.menu{ display:block; margin: 0 0 0 200px; padding:0; font-family:Tahoma; font-size: 9pt; height: 30px}
.menu ul{ position:relative; display:block; margin:0 auto; padding:0; }
.menu li{ list-style:none; display:inline; float:left; margin:0; padding:0; }
.menu li ul { width: 105px; background-color: #ffffff;}
.menu li.baton{ list-style:none; height:auto; display:inline; float:left; margin:0; width:1px; color: #fff; padding:4px 2px;}
.menu li.menu0 { width:100px; }
.menu li.menu1 { width:80px; }
.menu li.menu2 { width:60px; }
.menu li.menu3 { width:110px; }
.menu li.menu4 { width:60px; }
.menu li.menu5 { width:130px; }
.menu li.menu6 { width:50px; }
.menu li.menu7 { width:70px; }
.menu li.menuA { width:60px; }
.menu li ul{ visibility:hidden; position:absolute; z-index: 10; display:block; }
.menu li:hover ul{ visibility:visible; position:absolute; z-index: 10; display:block; }
.menu a{ text-align:center; font-weight:bold; color:#ffffff; display:block; text-decoration:none; padding:4px; margin:0 2px; }
.menu a:hover{ background-color: #e2001a; color:#fff; }
.menu a.clic{ background-color: #e2001a; color:#fff;}
.menu li li a{ width:100px; text-align:center; font-weight:normal; background-color: #ffffff; border: 1px #006600 solid; color:#006600; display:block; text-decoration:none; padding:2px 2px; margin:0; }
.menu li li a:hover{ background-color: #ffffff; color:#e2001a; text-decoration:underline; border: 1px #e2001a solid; }

#texte { /*background: url('../images/fond2.gif'); */height:100%; margin:10px; text-align:center}
#syndic { margin-top:40px;}
#infos_syn	{width:50%;text-align:left; margin: 0 auto;}

.legende	{ clear:both; font-size:8pt; margin-top:20px}
.legende h1	{ font-size:8pt; margin: 0 0 10px 0; color: #000}
.legende p	{ margin: 0 0 10px 0}
.legende img { vertical-align: middle; height: 14px; width: auto; }

img.elev {vertical-align:middle}

#slogan {clear: both; font-size: 12pt; text-align: center;}
#copyright {width: 990px; text-align:center; margin:0 auto; }
#copyright p {font-family: Arial, sans-serif; font-size: 8pt;}

#fin_page { clear:left; background-color: transparent; padding-top:20px; margin: 20px;  text-align:center}
.espace_retour {font-size: 8pt; font-weight: normal; margin-left: 20px;}
.espace_retour img {vertical-align:middle}

#photos_pa { float: left; width: 459px; height:300px; margin-top: -10px; background: url('../images/photo_pa.gif') no-repeat; }
.col {float: left;}
.bloc {border: 1px #e2001a solid; width: 400px; margin: 10px 20px;  text-align: left; }
.bloc .coinR_G {position: absolute; z-index: 1; margin: -1px 0 0 -1px;}
.bloc .coinR_D {position: absolute; z-index: 1; margin: -1px 0 0 386px;}
.bloc .titre {background:#e2001a; color: white; font-weight: bold; padding: 3px 0 5px 15px;}
.bloc2 {border: 1px #e2001a solid; width: 500px; margin: 10px 20px;  text-align: left; }
.bloc2 .coinR_G {position: absolute; z-index: 1; margin: -1px 0 0 -1px;}
.bloc2 .coinR_D {position: absolute; z-index: 1; margin: -1px 0 0 486px;}
.bloc2 .titre {background:#e2001a; color: white; font-weight: bold; padding: 3px 0 5px 15px;}
.avend_pa {clear: both; height:105px; margin: 5px;}
.avend_pa .photo {float: left; height: 100px;}
.avend_pa .photo img {padding: 0 3px; height: 100px }
.avend_pa .nom {font-weight: bold;}
.avend_pa .infos {font-size:9pt}
.avend_pa .lien_info{ font-size: 8pt; color:#009036; text-align:right; margin: 0 0 10px 0 }

.logo_add {text-align: center; width: 400px; margin:0 20px;}
.logo_add div {float: left; margin: 0 20px; }
.logo_add div img {vertical-align:bottom}

.logo_part {margin: 10px 0}
.logo_part img {margin: 0 30px; vertical-align: middle}

#actu_pa { position: relative; margin: 5px;}
#actu_pa .photo {float: left; height: 100px;}
#actu_pa .photo img {padding: 0 3px; height: 100px }
.tit_info{ font-weight: bold; color:#060;  }
.date_info{ font-weight: bold;font-size: 9pt; }
.txt_info{ text-align:justify; font-size: 9pt;}
.lien_info{ font-size: 8pt; color:#009036; text-align:right; margin: 0 0 10px 0 }

.actu { position: relative; margin: 10px 40px; width: 400px; float: left; height: 100px}
.actu .tit_info{ font-weight: bold; color:#060; text-align:left; }
.actu .date_info{ font-weight: bold;font-size: 9pt;  text-align:left;}

div.logo { float:left; margin-left:15px; margin-right:15px; margin-top:10px; font-size: 9pt; width:150px; height:150px; }
div.logo span.txt { font-weight: bold; text-align:center; }
div.logo span.pttxt { font-size: 8pt; text-align:center; }

#membres { float: left; margin: 10px; font-size: 10pt; vertical-align:top; text-align:left}
#info_route { margin: 10px; font-size: 9pt;  text-align:left }
#info_route img {vertical-align: top; margin-left: 60px;}
#info_route ul { margin-left: 10px; }
#info_route li { display: list-item; list-style: inside; }

#nav { position: relative; margin: 8px auto; }
#nav li { display: inline; list-style-type: none; padding: 5px 30px; font-weight: bold; width: 50%; text-align:center;color:#e2001a;}

.haut	{ font-size: 8pt; }

.head_pro {margin:20px auto; width: 600px;}
.head_pro .label {float: left; text-align: left; width: 15%; vertical-align:middle;}
.head_pro .adresse {float:left; text-align: left; width: 40%; vertical-align:middle;}
.head_pro .adresse_add {float:left; text-align: left;width: 45%; vertical-align:middle;}

.install {clear: both; width: 900px; margin: 10px auto;}
.install ul {margin: 10px auto; }
.install li.titre { clear: both; padding: 2px; border-top: 0px;text-align: left; height: 40px; font-weight: bold; vertical-align: bottom}
.install li { clear: both; border-top: #ddd 1px solid;padding: 2px;text-align: left; }
.install img { vertical-align: middle}
.col50 {float: left; width: 49%; text-align: left; padding: 2px 0 2px 1%; }
.col30 {float: left; width: 29%; text-align: left; padding: 2px 0 2px 1%;}
.col70 {float: left; width: 68%; text-align: left; padding: 2px 0 2px 1%;}
.col20 {float: left; width: 19%; text-align: left; padding: 2px 0 2px 1%;}
.col80 {float: left; width: 78%; text-align: left; padding: 2px 0 2px 1%;}
.col75 {float: left; width: 73%; text-align: left; padding: 2px 0 2px 1%;}
.col25 {float: left; width: 24%; text-align: left; padding: 2px 0 2px 1%;}

h4.remarques {float: left; margin:0 0 0 50px; padding: 0; }
p.remarques {margin: 0 0 0 150px; text-align: left;}

div.row1 { clear: both; font-size: 10pt; }
div.row1 span.label { float: left; text-align: right; }
div.row1 span.form { float: left; text-align: left; }

div.rowchev { clear: both; font-size: 9pt; }
div.adrchev { margin-left:60px; margin-top:20px; float:left; }

ul.row {margin: 10px auto;}
ul.row li { clear: both; border-top: #ddd 1px solid; }
ul.row img { vertical-align: middle}
ul.row .label_el { float: left; width: 19%; color: #000;text-align: left; padding:2px 0;}
ul.row .label_no { float: left; width: 27%;text-align: left; padding:2px 0;}
ul.row .label_de { float: left; width: 3%;  color: #000; text-align: center; padding:2px 0;}
ul.row .label_vi { float: left; width: 24%; color: #000; text-align: left; padding:2px 0;}
ul.row .label_ra { float: left; width: 20%; color: #000; text-align: left; padding:2px 0;}
ul.row .label_sy { float: left; width: 7%; color: #000; text-align: center; padding:2px 0;}
ul.row a {cursor: pointer;}
ul.row a:hover { text-decoration: none;}

ul.rowelev {margin: 10px auto}
ul.rowelev li { clear: both; border-top: #ddd 1px solid; line-height: 19px; height: 19px; }
ul.rowelev img { vertical-align: middle}
ul.rowelev li span.elev1 { float: left; width: 30%; text-align: left; padding:2px 0; }
ul.rowelev li span.elev2 { float: left; width: 35%; text-align: left; padding:2px 0; color: #000 }
ul.rowelev li span.elev3 { float: left; width: 10%; text-align: center; padding:2px 0; color: #000}
ul.rowelev li span.elev4 { float: left; width: 24%; text-align: left; padding:2px 0; color: #000}
ul.rowelev a {cursor: pointer;}
ul.rowelev a:hover { text-decoration: none;}


ul.rowpro { clear:both; width: 800px; font-size: 9pt;margin: 10px auto}
ul.rowpro li { clear: both; border-top: #ddd 1px solid; line-height: 19px; height: 19px;}
ul.rowpro img { vertical-align: middle; height: 15px; width: auto;}
ul.rowpro .labelpro_el { float: left; width: 28%; text-align: left;  padding:2px;}
ul.rowpro .labelpro_no { float: left; width: 22%; text-align: left;  padding:2px;}
ul.rowpro .labelpro_de { float: left; width: 5%; text-align: center; padding:2px;  color: #000}
ul.rowpro .labelpro_vi { float: left; width: 22%; text-align: left; padding:2px;  color: #000}
ul.rowpro .labelpro_se { float: left; width: 20%; text-align: left; padding:2px;  color: #000}
ul.rowpro a {cursor: pointer;}
ul.rowpro a:hover { text-decoration: none;}

ul.rowchep { margin:10px auto; width: 900px; }
ul.rowchep li { clear: both; border-top: #ddd 1px solid; font-size: 9pt}
ul.rowchep span.cheptel1 { float: left; width: 20%; text-align: left; padding:2px; }
ul.rowchep span.cheptel2 { float: left; width: 8%; text-align: center; padding:2px; }
ul.rowchep span.cheptel3 { float: left; width: 5%; text-align: center; padding:2px; }
ul.rowchep span.cheptel4 { float: left; width: 5%; text-align: center; padding:2px; }
ul.rowchep span.cheptel5 { float: left; width: 24%; text-align: left; padding:2px; }
ul.rowchep span.cheptel6 { float: left; width: 25%; text-align: left;padding:2px; }
ul.rowchep span.cheptel6b { float: left; width: 9%; text-align: left; padding:2px; }
ul.rowchep a {cursor: pointer;}
ul.rowchep a:hover { text-decoration: none;}

ul.rowetal { margin:10px auto; width:900px}
ul.rowetal li { clear: both; border-top: #ddd 1px solid; font-size: 9pt}
ul.rowetal span.etal0 { float: left; width: 15%; text-align: left; padding:2px; }
ul.rowetal span.etal1 { float: left; width: 20%; text-align: left; padding:2px; }
ul.rowetal span.etal2 { float: left; width: 5%; text-align: center; padding:2px;  color: #000}
ul.rowetal span.etal3 { float: left; width: 20%; text-align: left; padding:2px;  color: #000}
ul.rowetal span.etal4 { float: left; width: 25%; text-align: left;  padding:2px;  color: #000}
ul.rowetal a {cursor: pointer;}
ul.rowetal a:hover { text-decoration: none;}

ul.rowvend { margin:10px auto; width: 900px }
ul.rowvend li { clear: both; border-top: #ddd 1px solid; font-size: 9pt}
ul.rowvend span.avendre1 { float: left; width: 20%; text-align: left; padding:2px; }
ul.rowvend span.avendre2 { float: left; width: 5%; text-align: center; padding:2px; }
ul.rowvend span.avendre3 { float: left; width: 2%; text-align: center; padding:2px; }
ul.rowvend span.avendre4 { float: left; width: 9%; text-align: center; padding:2px; }
ul.rowvend span.avendre5 { float: left; width: 2%; text-align: center; padding:2px; }
ul.rowvend span.avendre6 { float: left; width: 28%; text-align: left; padding:2px; }
ul.rowvend span.avendre7 { float: left; width: 19%; text-align: left; padding:2px; }
ul.rowvend span.avendre8 { float: left; width: 9%; text-align: left; padding:2px; }
ul.rowvend a {cursor: pointer;}
ul.rowvend a:hover { text-decoration: none;}

div.cont { clear: both; padding:3px 0; }
div.cont span.label { width:100px; float: left; font-weight: bold; text-align: right;}
div.cont span.form { float: left; text-align: left; margin-left:2px; }

.rowav { clear: both; margin:3px 0; }
.rowav span.label { width: 70px; font-weight: bold; text-align: right; }
.rowav span.form { margin-left:10px; }
.rowav span.form2 { margin-left:10px; }

div.formelev { clear: both; margin:0 auto; padding: 3px 0; width: 600px;}
div.formelev span.label { width: 90px; float: left; font-weight: bold; text-align: right; }
div.formelev span.form { float: left; text-align: left; margin-left:10px; }
div.formelev span.form2 { float: left; text-align: left; margin-left:10px; }

ul.rowve { margin:10px auto; width: 95%}
ul.rowve li { clear: both; border-top: #ddd 1px solid; font-size: 9pt;}
ul.rowve img { vertical-align: middle}
ul.rowve .label_an { float: left; width: 5%; text-align: center; padding: 0 5px; margin: 0; padding:2px;  color: #000}
ul.rowve .label_el { float: left; width: 25%; text-align: left; padding: 0 5px; margin: 0; padding:2px; color: #000 }
ul.rowve .label_no { float: left; width: 20%; text-align: left; padding: 0 5px; margin: 0; padding:2px; }
ul.rowve .label_ra { float: left; width: 5%; text-align: center; padding: 0 5px; margin: 0; padding:2px;  color: #000}
ul.rowve .label_ph { float: left; width: 19%; text-align: left; padding: 0 5px; margin: 0; padding:2px;  color: #000}
ul.rowve .label_ph1 { float: left; width: 6%; text-align: center; padding: 0 5px; margin: 0; padding:2px;  color: #000}
ul.rowve .label_ph2 { float: left; width: 5%; text-align: center; padding: 0 5px; margin: 0; padding:2px;  color: #000}
ul.rowve .label_pho { float: left; width: 3%; text-align: center; padding: 0 5px; margin: 0; padding:2px;  color: #000}
ul.rowve a {cursor: pointer;}
ul.rowve a:hover { text-decoration: none;}

div.rowche { clear: both; font-size: 10pt; width:700px; margin: 0 auto;}
div.rowche span.cheval1 { float: left; width: 25%; text-align: center; }
div.rowche span.cheval2 { float: left; width: 25%; text-align: center; }
div.rowche span.cheval3 { float: left; width: 25%; text-align: center; }
div.rowche span.cheval4 { float: left; width: 25%; text-align: center; }
div.rowche span.cheval5 { float: left; width: 33%; text-align: center; }
div.rowche span.cheval6 { float: left; width: 34%; text-align: center; }
div.rowche span.cheval7 { float: left; width: 33%; text-align: center; }
div.rowche span.cheval8 { float: left; width: 33%; text-align: center; }
div.rowche span.cheval9 { float: left; width: 34%; text-align: center; }
div.rowche span.cheval9b { float: left; width: 33%; text-align: center; }
div.rowche span.cheval10 { float: left; width: 49%; text-align: justify; }
div.rowche span.cheval11 { float: right; width: 49%; text-align: justify; }
ul.rowche a {cursor: pointer;}
ul.rowche a:hover { text-decoration: none;}

div.roweta { clear: both; font-size: 10pt; }
div.roweta span.cheval1 { float: left; width: 200px; text-align: left; }
div.roweta span.cheval2 { float: left; width: 200px; text-align: center; }
div.roweta span.cheval3 { float: left; width: 200px; text-align: right; }
div.roweta span.cheval5 { float: left; width: 200px; text-align: left; }
div.roweta span.cheval6 { float: left; width: 200px; text-align: center; }
div.roweta span.cheval7 { float: left; width: 200px; text-align: right; }
div.roweta span.cheval9 { float: left; width: 200px; text-align: left; }
div.roweta span.cheval9b { float: left; width: 400px; text-align: left; }
div.roweta span.cheval10 { float: left; text-align: left; }
ul.roweta a {cursor: pointer;}
ul.roweta a:hover { text-decoration: none;}

div.ssmenu { clear: both; font-size: 9pt; font-weight:bold; margin:10px 0 20px 0; text-align:center}
div.ssmenu a { background: #060; color: white; padding: 4px 8px; margin: 0 10px;}
div.ssmenu a:hover { background: #e2001a; color: white; text-decoration: none; }

div.rowinstal { clear: both; font-size: 9pt; width: 100%; margin:2px 20px; padding: 0; }
div.rowinstal span.instal1 { float: left; width: 55%; text-align: left; margin: 0; padding: 0; }
div.rowinstal span.instal2 { float: left; width: 45%; text-align: center; margin: 0; padding: 0; }

div.rowinstalB { clear: both; font-size: 9pt; width: 100%; margin:2px 10px; padding: 0; }
div.rowinstalB span.instalB1 { float: left; width: 70%; text-align: left; margin: 0; padding: 0; }
div.rowinstalB span.instalB2 { float: left; width: 30%; text-align: left; margin: 0; padding: 0; }

div.rowinstalC { clear: both; font-size: 9pt; width: 100%; margin:2px 0; padding: 0; }
div.rowinstalC span.instalC1 { float: left; width: 45%; text-align: left; margin: 0; padding: 0; }
div.rowinstalC span.instalC2 { float: left; width: 55%; text-align: center; margin: 0; padding: 0; }
p { font-size: 10pt; }