/* Copyrights Patly production - site produit par DOODESIGN.COM*/

body, html {
background: #fff;
text-align:center;
font-family:  arial, verdana, sans-serif;
padding: 0;
margin: 0 auto;
height: 100%;	
}
/*  ----------------------------------typo + img*/

a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}


img {
margin:0;
padding:0;
border:none;
background-color: transparent;
}
img.logo {
margin: 0px 8px 0px 0px;
padding:0px 0px 0px 0px;
border:none;
background-color: transparent;
Float:left;
}

/*  ----------------------------------conteneur */
#conteneur {
text-align:center;
margin: 0 auto;
padding: 0;
width: 700px;
background:  transparent ;
}

/*  ----------------------------------header */
#top {
background:  transparent ;
height: 100px;
width: 700px;
margin: 4px 0px 10px 0px;
padding: 0;
}
#zoneimg{
float: left;
width : 322px;
height: 100px;
text-align:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px ;
background:  transparent ;
display:block;
}
#header {
height: 100px;
width: 250px;
margin: 0px 0px 0px 0px;
padding: 0;
text-align:left;
float:right;
background:  transparent ;
}

#header ul{
text-align:left;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 180px ;
}
#header li {
line-height: 16px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-type: none;
}
#header a {
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
font-weight: bold;
color: #999;
text-decoration: none;
font-size: 12px ;
border-left: 5px solid #999;
}
#header a:hover {
color: rgb(166,213,20);
border-left: 5px solid rgb(166,213,20);
}
#header .repos0 {
color: rgb(166,213,20);
border-left: 5px solid rgb(166,213,20);
}

#header .repos1 {
color: #666;
border-left: 5px solid #666;
}

/*  ----------------------------------nav */
#nav {
background: transparent ;
text-align:left;
width: 700px;
padding: 0;
margin: 0 auto;
height:50px;
}
#nav ul{
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0 ;

}
#nav li {
float:left;
text-align:center;
display: inline;
padding: 0px 0px 0px 0px;
margin: 0;
list-style-type: none;
}
#nav a {
width: 175px;
display:block;
padding: 8px 0px 8px 0px;
margin: 0;
font-weight: bold;
text-decoration: none;
font-size: 12px ;
background:  transparent url(imgsite/fondnav0.jpg) left top  no-repeat ;
}
#nav a:hover {
color: #666;
background:  transparent url(imgsite/fondnav1.jpg) left top  no-repeat ;
}

a#lien1, a#lien2, a#lien3 , a#lien4   {
color: #999;
}
a:hover#lien1, a:hover#lien2, a:hover#lien3, a:hover#lien4  {
color: #666;
}
a#lien1.repos1, a#lien2.repos2, a#lien3.repos3, a#lien4.repos4 {
color: #666;
background:  transparent url(imgsite/fondnav1.jpg) left top  no-repeat ;
}

/*  ----------------------------------centre */
#centre {
background: transparent;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width: 700px;
}
/*  ----------------------------------intro */
#intro {
background: #fff;
padding: 0;
margin:0;
width: 700px;
text-align:left;
}
#intro h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-size: 12px;
color:#333;
}
#intro p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-size: 12px;
color:#666;
}

/*  ----------------------------------conteneur casehaut */
#conteneurcasehaut {
text-align:center;
margin: 0 auto;
padding: 0;
width: 700px;
background:  transparent ;
height:165px
}
/*  ----------------------------------case01 left */
#case01, #case03 {
float:left;
padding: 0;
margin:15px 0px 0px 0px;
width: 340px;
background:  transparent ;
}

/*  ----------------------------------case right */
#case02, #case04 {
float:right;
padding: 0;
margin:15px 0px 0px 0px;
width: 340px;
background:  transparent ;
}

/*  ----------------------------------case p */
#case01 p, #case02 p,#case03 p, #case04 p{
padding: 0px 0px 0px 0px;
margin: 3px 5px 3px 0px;
font-size: 12px;
color:#666;
text-align:left;
}
/*  ----------------------------------case h1 */

#case01 h1, #case02 h1, #case03 h1, #case04 h1  {
padding: 0px 0px 0px 0px;
margin: 2px 0px 0px 0px;
text-align:left;
font: 26px arial, verdana, sans-serif;
font-weight: bold;
color:rgb(166,213,20);
border-top: 4px solid rgb(166,213,20);
}

/*  ----------------------------------case h2 */

#case01 h2, #case02 h2, #case03 h2, #case04 h2  {
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
text-align:left;
font: 18px arial, verdana, sans-serif;
font-weight: bold;
color:#666;
}

/*  ----------------------------------case a */

#case01 a, #case02 a,#case03 a,#case04 a  {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:left;
font: 26px arial, verdana, sans-serif;
font-weight: bold;
color:#666;
}
#case01 a:hover, #case02 a:hover,#case03 a:hover,#case04 a:hover {
color:rgb(166,213,20);
}

/*  ----------------------------------casenav01 */
#casenav00, #casenav01, #casenav02, #casenav03, #casenav04 {
float:left;
padding: 0;
margin:0px 0px 0px 0px;
width: 340px;
}
#casenav00 h1, #casenav01 h1, #casenav02 h1, #casenav03 h1, #casenav04  h1{
padding: 0px 0px 0px 0px;
margin: 0px 0px 8px 0px;
text-align:left;
font: 24px arial, verdana, sans-serif;
font-weight: bold;
line-height:25px;
}
#casenav00 h1{
color: #666;
}
#casenav01 h1, #casenav02 h1, #casenav03 h1, #casenav04  h1{
color: rgb(166,213,20);
}


#casenav00 p, #casenav01 p, #casenav02 p, #casenav03 p, #casenav04 p{
padding: 0px 0px 0px 0px;
margin: 0px 5px 5px 0px;
font-size: 12px;
color:#666;
text-align:justify;
}


#casenav00 ul, #casenav01 ul, #casenav02 ul, #casenav03 ul, #casenav04 ul{
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px ;
}
#casenav00 li, #casenav01 li, #casenav02 li, #casenav03 li, #casenav04 li {
float:left;
text-align:left;
display: inline;
padding: 0;
margin: 0px 0px 0px 0px;
list-style-type: none;

}
#casenav00 a, #casenav01 a, #casenav02 a, #casenav03 a, #casenav04 a {
width: 337px;
background:#fff;
display:block;
padding: 4px 0px 4px 3px;
margin: 0;
font-weight: bold;
text-decoration: none;
font-size: 12px ;
}
#casenav00 a{
border-bottom: 1px solid #999;
color:#999;
}
#casenav00 a:hover {
color: #666;
border-bottom: 1px solid #666;
}
#casenav00 a.repos {
color: #666;
border-bottom: 4px solid #666;
}
#casenav01 a, #casenav02 a, #casenav03 a, #casenav04 a{
border-bottom: 1px solid #666;
color: #666;
}
#casenav01 a:hover, #casenav02 a:hover, #casenav03 a:hover, #casenav04 a:hover {
color: rgb(166,213,20);
border-bottom: 1px solid rgb(166,213,20);
}
#casenav01 a.repos, #casenav02 a.repos, #casenav03 a.repos, #casenav04 a.repos {
color: rgb(166,213,20);
border-bottom: 4px solid rgb(166,213,20);
}


#casenav04 a.repossousnav {
font-weight: normal;
color: #999;
border-left: 0px solid #fff;
}

/*  ----------------------------------Čtat repos nav gauche */

.repossubrille00 {
width: 337px;
background:#fff;
display:block;
padding: 4px 0px 4px 3px;
margin: 0;
font-weight: bold;
text-decoration: none;
font-size: 12px ;
color: #666;
border-bottom: 4px solid #666;
}
.repossubrille01, .repossubrille02, .repossubrille03 {
width: 337px;
background:#fff;
display:block;
padding: 4px 0px 4px 3px;
margin: 0;
font-weight: bold;
text-decoration: none;
font-size: 12px ;
color: rgb(166,213,20);
border-bottom: 4px solid rgb(166,213,20);
}




/*  ----------------------------------casetexte */
#casetexte00, #casetexte01, #casetexte02, #casetexte03, #casetexte04 {
float:right;
padding: 0;
margin:12px 0px 0px 0px;
width: 340px;
background:  transparent ;
}
#casetexte00 h1, #casetexte01 h1, #casetexte02 h1, #casetexte03 h1, #casetexte04 h1 {
font: 16px arial, verdana, sans-serif;
text-align:left;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 3px 0px;
line-height:17px;
}

#casetexte00 h1{
color:#666;
}
#casetexte01 h1, #casetexte02 h1, #casetexte03 h1, #casetexte04 h1{
color: rgb(166,213,20);
}


#casetexte04 h2{
font: 16px arial, verdana, sans-serif;
text-align:left;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 3px 0px 0px 0px;
color:#666;
}



.casetextevert04{
color: rgb(166,213,20);
}




#casetexte00 p, #casetexte01 p, #casetexte02 p, #casetexte03 p, #casetexte04 p{
padding: 0px 0px 0px 0px;
margin: 5px 0px 3px 0px;
font-size: 12px;
color:#666;
text-align:justify;
}
#casetexte00 a {
color:#999;
}
#casetexte00 a:hover  {
color: #666;
}

#casetexte01 a, #casetexte02 a, #casetexte03 a, #casetexte04 a {
color: rgb(166,213,20);
}
#casetexte01 a:hover, #casetexte02 a:hover, #casetexte03 a:hover, #casetexte04 a:hover  {
color: #666;
}


/*  ----------------------------------blank */
#blank {
visibility: hidden;
width: 100%;
clear: both;
}
/*  ----------------------------------pied */
#pied, #pied1, #pied2, #pied3, #pied4 {
background:transparent;
margin: 0 auto;
padding: 5px 0px 0px 0px;
height:30px;
width:700px;
color:#333;
}
#pied p, #pied1 p, #pied2 p, #pied3 p, #pied4 p{
background:transparent;
font-size: 11px;
color:#333;
margin: 2px 0px 0px 0px;
padding:0;
}
#pied {
border-top: 4px solid #ccc;
}
#pied1, #pied2 , #pied3 , #pied4  {
border-top: 4px solid rgb(166,213,20);
}
#pied a, #pied1 a, #pied2 a, #pied3 a, #pied4 a {
color:#666;
}
#pied a:hover, #pied1 a:hover, #pied2 a:hover, #pied3 a:hover, #pied4 a:hover {
color:#333;
}
/* --------------------------form */
#formdirect {
background-color: transparent ;
width: 340px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
 }
#form {
float: right;
text-align:left;
background:#fff ;
padding: 0px 10px 0px 0px;
margin:0 auto;
width: 442px;
}
p {
margin:0;
padding: 0px 0px 6px 0px;
}
label {
font-weight:normal;
margin:0;
padding: 0px 0px 0px 0px;
font-size: 12px;
}
input {
margin: 0;
border:1px solid black;
background-color:#E6E6E6;
color:#000;
width:300px;
}
select, option {
background-color:#E6E6E6;
color:#000;
width: 340px;
margin:0;
padding: 0px 0px 0px 0px;
}
textarea {
border:1px solid black;
background-color:#E6E6E6;
color:#000;
width:300px;
}
input.bouton {
border:2px outset #E6E6E6;
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
background-color:#000;
color:#fff;
}
input.bouton:active {
border:2px inset #F5F5F5;
background-color:#000;
color:#fff;
} 



/* --------------------------MENU DYNA */
#casenav010 {
float:left;
padding: 0;
margin:0px 0px 0px 0px;
width: 340px;
}
#casenav010 h1{
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
text-align:left;
font: 30px arial, verdana, sans-serif;
font-weight: bold;
line-height:28px;
color: rgb(166,213,20);
}


#casenav010 p{
padding: 0px 0px 0px 0px;
margin: 5px 5px 0px 0px;
font-size: 11px;
color:#666;
text-align:justify;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px ;

}

dl#menu {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px ;
}
dl#menu dt {
cursor: pointer;
margin: 0px 0px 0px 0px;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #666;
color:#666;
}

dl#menu dd {
text-align: left;
border-top: 3px solid #666;
}
dl#menu li {
text-align: left;
background: #fff;
margin: 2px 0px 0px 0px;
}
dl#menu li a, dl#menu dt a {
color:  rgb(166,213,20);
text-decoration: none;
border: 0 none;
height: 100%;
}
dl#menu li a:hover, dl#menu dt a:hover {
color:rgb(166,213,20);

}

dd#menu li a:visited, dl#menu dd a:visited {
color:#666;
}