/* GENERAL*/


/* ------------------------------------ container */
#container {
background:  transparent url(imgsite/fondcontainer.gif) right top  repeat-y;
margin: 0 auto;
padding:0;
width: 779px;
}




html, body {
background:  #669899 url(imgsite/fond.jpg) left top  repeat-x;
margin: 0 auto;
padding: 0;
font: 13px georgia;
text-align: center;
}
/* compteur */
#compteur {
position:absolute;
left:-5000px;
top:-5000px;
visibility:hidden;
text-indent:-5000px;
display:none;
background: transparent ;
margin: 0;
padding: 0;
}

img {
margin: 0;
padding:0;
border:0;
}


h1 {
margin: 30px 14px 0px 14px;
padding:0;
font: 30px georgia;
color: #cc0000;
line-height:0.9em;
}
h3 {
margin: 0px 14px 4px 14px;
padding:0;
font: 14px verdana;
color: #cc0000;
}

p {
margin: 0px 14px 6px 14px;
padding:0;
color: #666;

}
p.intro {
margin: 0px 14px 6px 14px;
padding:0;
color: #666;

line-height:1.3em;

}
p.resume{
margin: 4px 14px 12px 14px;
padding:0;
font: 11px verdana;
color: #666;
}
p.news{
margin: 4px 14px 6px 14px;
padding:0;
font: 12px verdana;
color: #666;
}
p.trait {
margin: 12px 14px 0px 14px;
padding:0;
border-top: rgb(254,203,204) 1px solid;
}
p.trait0 {
margin: 0px 14px 0px 14px;
padding:0;
border-top: #cc0000 1px solid;
width:332px;
}
p.marge {
margin: 0px 0px 0px 0px;
padding:0;
color: #666;
text-align: center;
}
p.fleche {
margin: 8px 0px 0px 0px;
padding:0;
color: #666;
text-align: center;
}
p.web {
margin: 12px 0px 0px 0px;
padding:0;
}
p.contact {
float:left;
margin: 0px 14px 16px 14px;
padding:0;
color: #666;
line-height:1.3em;
}
p.main {
float:right;
margin: 0px 14px 6px 14px;
padding:0;
}
.rouge {
color: #cc0000 ;
}
.noir {
color: #000 ;
font-family:  verdana;
}
p.clientlogo {
margin: 0px 14px 6px 14px;
padding:0;
color: #666;
font: 11px  verdana;
}

/* ------------------------------------ LOGO */
#logo {
float:left;
background: transparent;
text-align: left;
margin: 0;
padding:0;
width: 51px;
height:118px;
}
/* ------------------------------------ header */
#header {
float:left;
background:  transparent url(imgsite/top.gif) right top  repeat-y;
margin: 0;
padding:0;
width: 728px;
height:30px;
}
/* ------------------------------------ NAVIGATION HAUT */
#menuhautr{
float:left;
text-align:center;
width:360px;
font: 11px verdana ;
color:#ccc;
padding:9px 0px 9px 0px;
margin: 0;

}
#menuhautr ul{
padding:0;
margin: 0;
text-align:center;
list-style-type: none;
}
#menuhautr li{
margin: 0px 3px 0px 3px;
display: inline;
}
#menuhautr a{
font: 11px verdana;
color: #999;
text-decoration: none;
}
#menuhautr a:hover{
font: 11px verdana;
color: #fff;
text-decoration: none;
}
#menuhautr .repos{
font: 11px verdana;
color: #fff;
text-decoration: none;
}

/* ------------------------------------ topform */
#topform {
float:right;
text-align: center;
font: 11px verdana;
color: #ccc;
margin: 0;
padding: 6px  0px;
width: 360px;
}
form {
width:360px;
padding: 0;
margin: 0;
}
input {
background-color:#000;
color:#ccc;
width:127px;
padding: 0;
margin: 0;
border:1px solid #ccc;
height:17px;
}
.imageform1 {
background-color:#000;
color:#000;
width:8px;
height:8px;
padding: 0;
margin: 0;
vertical-align:middle;
border:0;
}
#topform a{
font: 11px verdana;
color: #ccc;
text-decoration: none;
}
#topform a:hover{
font: 11px verdana;
color: #fff;
text-decoration: none;
}

/* ------------------------------------centre */
#centre {
float:right;
background:  transparent ;
margin: 0;
padding:0;
width: 728px;
}


/* ------------------------------------left */

#left {
float:left;
text-align: left;
background:  transparent;
margin: 0;
padding:0;
width: 360px;
}
#left a{
color: #669999;
text-decoration: none;
}
#left a:hover{
color: #666 ;
text-decoration: none;
}

/* ------------------------------------ NEWS */

#left .news a{
font: 10px verdana;
color: #669999;
text-decoration: none;
}
#left .news a:hover{
color: #cc0000 ;
text-decoration: none;
}

/* ------------------------------------right */
#right {
float:right;
text-align: left;
background:  transparent;
margin: 0;
padding:0;
width: 360px;
}

#right a{
color: #669999;
text-decoration: none;
}
#right a:hover{
color: #666 ;
text-decoration: none;
}
/* ------------------------------------rightlogointro */
#droitlogo {
float:right;
text-align: left;
background:  transparent;
margin: 0;
padding:0;
width: 360px;
}
#rightlogointro {
float:right;
text-align: left;
background:  transparent;
margin: 0;
padding:0;
width: 360px;
height:508px;
}
#rightlogointro a{
color: #669999;
text-decoration: none;
}
#rightlogointro a:hover{
color: #666 ;
text-decoration: none;
}

#rightdrawintro {
float:right;
text-align: left;
background:  transparent url(imgsite/draw02.jpg) left bottom  no-repeat;
margin: 0;
padding:0;
width: 360px;
height:508px;
}
#rightdrawintro a{
color: #669999;
text-decoration: none;
}
#rightdrawintro a:hover{
color: #666 ;
text-decoration: none;
}
#menudroit {
font: 11px verdana;
color:#666;
float:right;
padding:0;
margin: 0;
text-align:left;
font-size: 12px;
background: transparent;
width:360;
}
#menudroit ul{
font: 11px verdana;
color:#666;
float:left;
padding:0;
margin: 0px 0px 12px 0px;
text-align:left;
list-style-type: none;
}
#menudroit li{
margin: 6px 0px 0px 0px;
padding: 8px 0px 10px 0px;
list-style: none;
background-color:#F8F8F8;
}
#menudroit a{
display: block;
width:346px;
margin: 0px 0px 0px 14px;
font: 11px verdana;
color: #666;
text-decoration: none;
}
#menudroit a:hover{
font: 11px verdana;
color: #cc0000 ;
text-decoration: none;
}



/* ------------------------------------bas */
#blank {
padding: 0;
margin: 0;
visibility: hidden;
width:728px;
clear: both;
}
#bas {
height:30px;
float:right;
background:  transparent;
color: #fff;
width:728px;
padding:0;
margin: 0;
}
#basl{
float:left;
background:  transparent url(imgsite/fondbas.gif) right repeat-y;
color: #fff;
font: 11px verdana;
width:360px;
padding:9px 0px 9px 0px;
margin: 0;
text-align:center;
}
#basr{
float:right;
background:  transparent url(imgsite/fondbas.gif) right top  repeat-y;
color: #fff;
font: 11px verdana;
width:360px;
padding:9px 0px;
margin: 0;
text-align:center;
}



/* ------------------------------------NAVIGATION BAS */




#basr ul, #basl ul {
width:360px;
padding:0;
margin: 0;
background-color: transparent;
text-align:center;
list-style-type: none;
}

#basr li, #basl li {
font: 11px verdana;
margin: 0px 4px;
display: inline;
}
#basr a, #basl a {
font: 11px verdana;
color: #ff9966;
text-decoration: none;
}
#basr a:hover, #basl a:hover {
font: 11px verdana;
color: #fff;
text-decoration: none;
}
#basr .repos, #basl .repos{
font: 11px verdana;
color: #fff;
text-decoration: none;
}


/* ------------------------------------GALERIE LOGO */

div#galerielogo{
text-align:center;
float: left;
top: 0px;
left: 0px;
width: 360px;
margin: 0 ;
padding: 0 ;
background:  transparent;
}
		
ul#galerielogo_mini{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
		
ul#galerielogo_mini li{
float: left ;
margin: 0 ;
padding: 0 ;
}
		
ul#galerielogo_mini li a img{
margin: 24px 0px 0px 24px;
border: 1px solid #ccc ;
}

ul#galerielogo_mini li a img:hover{

border: 1px solid #cc0000 ;
}

/* ------------------------------------GALERIE EDITO */


div#galerieedito{
text-align:center;
float: left;
top: 0px;
left: 0px;
width: 360px;
margin: 0 ;
padding: 0 ;
background:  transparent;
}
		
ul#galerieedito_mini{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
		
ul#galerieedito_mini li{
float: left ;
margin: 0 ;
padding: 0 ;
}
		
ul#galerieedito_mini li a img{
margin: 15px 0px 0px 14px;
border: 1px solid #ccc ;
}

ul#galerieedito_mini li a img:hover{

border: 1px solid #cc0000 ;
}

/* ------------------------------------GALERIE WEB */


div#galerieweb{
text-align:center;
float: left;
top: 0px;
left: 0px;
width: 360px;
margin: 0 ;
padding: 0 ;
background:  transparent;
}
		
ul#galerieweb_mini{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
		
ul#galerieweb_mini li{
float: left ;
margin: 0 ;
padding: 0 ;
}
		
ul#galerieweb_mini li a img{
margin: 15px 0px 0px 14px;
border: 1px solid #ccc ;
}

ul#galerieweb_mini li a img:hover{

border: 1px solid #cc0000 ;
}


/* ------------------------------------LIENS */
#containerliens {
background:  transparent url(imgsite/fondcontainerliens.gif) right top  repeat-y;
margin: 0 auto;
padding:0;
width: 779px;
}
#leftliens {
float:left;
text-align: left;
background:  transparent url(imgsite/fonddivliensg.jpg) left top  no-repeat;
margin: 0;
padding:0;
width: 360px;
}
#leftliens a{
color: #08f9f9;
text-decoration: none;
}
#leftliens a:hover{
color: #184848 ;
text-decoration: none;
}
#rightliens {
float:right;
text-align: left;
background:  transparent url(imgsite/fonddivliensd.jpg) left top  no-repeat;
margin: 0;
padding:0;
width: 360px;
}

#rightliens a{
color: #08f9f9;
text-decoration: none;
}
#rightliens a:hover{
color: #184848 ;
text-decoration: none;
}
#containerliens h1 {
margin: 30px 14px 0px 14px;
padding:0;
font: 30px georgia;
color: #ccffff;
line-height:0.9em;
}
p.introliens {
margin: 0px 14px 6px 14px;
padding:0;
color:  #99ffff;

line-height:1.3em;
}
p.resumeliens{
margin: 4px 14px 12px 14px;
padding:0;
font: 11px verdana;
color: #184848;
}
p.traitliens {

margin: 12px 14px 0px 14px;
padding:0;
border-top: #006666 1px solid;
}