/* GENERAL*/

html, body {
background:  transparent url(imgsite/logo.gif) 0 0  no-repeat ;
margin: 0;
padding: 0;

text-align: left;
}
/* compteur */
#compteur {
position:absolute;
left:-5000px;
top:-5000px;
visibility:hidden;
text-indent:-5000px;
display:none;
background: transparent ;
margin: 0;
padding: 0;
}
/* general + infobulle */
a {
padding: 0;
margin: 0;
color: #669999;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #666;
text-decoration: none;
background-color: transparent;
}
h1 {
padding: 0px 8px 0px 0px;
margin: 18px 6px 0px 10px;
font: 16px arial ;
font-weight:bold;
color: rgb(75,99,116);
background-color: transparent;
}
h2 {
margin: 10px 5px 0px 5px;
padding:0;
font: 18px arial ;
font-weight:bold;
color: red;
}
h3 {
margin: 6px 5px 0px 0px;
padding:0;
font: 13px verdana ;
font-weight:bold;
color: #666;
}
p {

margin: 4px 10px 5px 10px;
padding:0;
color: #666;
font: 11px verdana;
background:  transparent;
}

.intro {
width:170px;
margin: 3px 10px 5px 0px;
padding:0;
color: #666;
font: 11px verdana;
background:  transparent;
}

img {
margin:0;
padding:0;
border:none;
vertical-align: middle;
background-color: transparent;
}

#bulle  {
background-color: transparent;
display:block;
position:absolute;
top:0px;
left:0px;
width:17px;
height:92px;
margin: 0;
padding: 0;
font: 20px verdana;
}
a.bulle  {
color: #fff;
text-decoration: none;
background-color: transparent;
}
a.bulle :hover {
color: #666;
text-decoration: none;
background-color: transparent;
}
a.bulle span{
display:none;
background-color: transparent;
}
a.bulle:hover span{
margin: 0px 2px 0px 2px;
background-color: #fff;
display:block;
position:absolute;
top:36px;
left:250px;
width:500px;
height:10px;
color:red;
font: 11px verdana;
text-align:left;
background: none;
}

/* container */
#container {
position: absolute;
top:0;
left:63px;
background: transparent  url(imgsite/incline.gif) 0 0  repeat-x ;
margin: 0;
padding:0;
width:10800px;
}
/* header+menuhaut */
#header {
float:left;
background:  transparent;
padding: 0px 0px 0px 17px;
margin: 0px 0px 1px 0px;
width:100%;
height:105px;
font: 11px verdana;
clear:both;
border-right: red 17px solid;
}

#menuhaut{
width:100%;
float:left;
padding: 0px 0px 0px 0px;
margin: 5px 0px 9px 0px;
list-style-type: none;
background:  transparent url(imgsite/nav1.gif) left top  repeat-x;
}
#menuhaut ul{

width:100%;
padding:0;
margin: 0;
text-align:center;
list-style-type: none;
background-color: transparent;
}
#menuhaut li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:100%;
}
#menuhaut a{
background:  #fff url(imgsite/titre00.gif) left bottom  repeat-x;
width:100%;
display:block;
font: 11px verdana;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#menuhaut a:hover{
background:  transparent;
text-decoration: none;
}
.ho1{
background:  #fff url(imgsite/titre01.gif) left bottom  repeat-x;
width:100%;
display:block;
font: 11px verdana;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/* centre nav pages */

#centre {
float:left;
padding: 0;
margin: 0;
width:17px;
background:  #ccc;
height:450px;
width:17px;
text-align:center;
}

#centre ul {
height:450px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #ccc;
text-align:center;
list-style-type: none;

}

#centre li {
font: 11px verdana;
padding: 4px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-type: none;
}
#centre a {
padding: 0px 0px 0px 0px;
margin: 6px 0px 0px 0px;
font: 11px verdana;
color: red;
text-decoration: none;
background-color: transparent;
}
#centre a:hover {
font: 11px verdana;
color: #666;
background-color: transparent;
}
#centre a:visited {
font: 11px verdana;
color: #666;
}

/* centre2 nav pages */
#centre2 {
float:left;
padding: 0;
margin: 0;
width:17px;
background: #ccc;
height:450px;
width:17px;
text-align:center;

}

#centre2 ul {
height:450px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #ccc;
text-align:center;
list-style-type: none;

}

#centre2 li {
font: 11px verdana;
padding: 4px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-type: none;
}
#centre2 a {
padding: 0px 0px 0px 0px;
margin: 6px 0px 0px 0px;
font: 11px verdana;
color: red;
text-decoration: none;
background-color: transparent;
}
#centre2 a:hover {
font: 11px verdana;
color: #666;
}
#centre2 a:visited {
font: 11px verdana;
color: #666;
}


#bg {
height:450px;
width:99%;
float:left;
padding: 0;
margin: 0;
background-color:transparent  ;

}

/* photo */



#photo {
height:450px;
float:left;
list-style-type: none;
padding: 0;
margin: 0;
background-color: #fff;
font: 11px arial ;
color: #666;
}

#photo ul {
float:left;
padding: 0;
margin: 0;
background-color: #fff;
list-style-type: none;

}

#photo li {
float:left;
display:inline;
background-color: #fff;
padding: 0;
margin:0;
list-style-type: none;

}
#photo a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font: 11px verdana;
color: #666;
text-decoration: underline;
background-color: transparent;
}
#photo a:hover {
font: 11px verdana;
color: red;
background-color: transparent;
}

/* photo1- index - centre0 */
#centre0 {
float:left;
padding: 0;
margin: 0;
width:17px;
background:  #ccc;
height:450px;
width:17px;
text-align:center;
}



.titrephoto1 {
padding: 0px 8px 0px 0px;
margin: 0px 0px 0px 0px;
font: 16px arial ;
font-weight:bold;
color: rgb(75,99,116);
background-color: transparent;
}

.blankphoto1 {
padding: 0px 8px 0px 0px;
margin: 10px 0px 0px 0px;
font: 16px arial ;
font-weight:bold;
color: #666;
background-color: transparent;
}
.blankphoto1bis {
padding: 0px 0px 0px 0px;
margin: 00px 0px 0px 0px;
font: 5'px arial ;
font-weight:bold;
color: #666;
background-color: transparent;

}
.blankphoto2bis {
padding: 0px 0px 0px 0px;
margin: 00px 0px 0px 0px;
font: 14px arial ;
font-weight:bold;
color: #666;
background-color: transparent;

}
.logophoto1 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font: 16px arial ;
color: #fff;
background-color: transparent;
font-weight:bold;
}
.couleurlogo {
font-weight:bold;
color: #666;
background-color: transparent;
}
.titreactuphoto1 {
padding: 10px 8px 0px 0px;
margin: 0px 0px 0px 0px;
font: 13px arial ;
font-weight:bold;
color: rgb(75,99,116);
background-color: transparent;
}
.actuphoto1 {
padding: 0px 8px 0px 0px;
margin: 0px 0px 0px 0px;
font: 11px arial ;
color: #666;
background-color: transparent;
}

#photo1 {
height:450px;
float:left;
list-style-type: none;
padding: 0;
margin: 0;
background-color: #ccc;
}

#photo1 ul {
float:left;
padding: 0;
margin: 0;
background-color: #ccc;
list-style-type: none;

}

#photo1 li {
float:left;
display:inline;
background-color: #ccc;
padding: 0px 4px 0px 3px;
margin: 0px 2px 0px 0px;
list-style-type: none;

}
#photo1 a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font: 16px arial ;
font-weight:bold;
color: rgb(75,99,116);
background-color: transparent;
text-decoration: none;
}
#photo1 a:hover {
color: #fff;
}
#photo1 a.lien  {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font: 11px verdana;
color: #fff;
text-decoration: underline;
background-color: transparent;
}
#photo1  a:hover.lien {
font: 11px verdana;
color: rgb(75,99,116);
background-color: transparent;
}



/* pied de page */

#bas00 {
border-left: #666 17px solid;
border-right:  #666 17px solid;
height:17px;
float:left;
background:  transparent url(imgsite/titre00.gif) left bottom  repeat-x;
color: #fff;
width:100%;
padding: 0px 0px 0px 0px;
margin: 1px 0px 0px 0px;
clear:both;
}

#bas01 {
border-left: #666 17px solid;
border-right:  #666 17px solid;
height:17px;
float:left;
background:  transparent url(imgsite/titre01.gif) left bottom  repeat-x;
color: #fff;
width:100%;
padding: 0px 0px 0px 0px;
margin: 1px 0px 0px 0px;
clear:both;
}
#bas02 {
border-left: #666 17px solid;
border-right:  #666 17px solid;
height:17px;
float:left;
background:  transparent url(imgsite/titre02.gif) left bottom  repeat-x;
color: #fff;
width:100%;
padding: 0px 0px 0px 0px;
margin: 1px 0px 0px 0px;
clear:both;
}
#bas03 {
border-left: #666 17px solid;
border-right:  #666 17px solid;
height:17px;
float:left;
background:  transparent url(imgsite/titre03.gif) left bottom  repeat-x;
color: #fff;
width:100%;
padding: 0px 0px 0px 0px;
margin: 1px 0px 0px 0px;
clear:both;
}
#bas04 {
border-left: #666 17px solid;
border-right:  #666 17px solid;
height:17px;
float:left;
background:  transparent url(imgsite/titre04.gif) left bottom  repeat-x;
color: #fff;
width:100%;
padding: 0px 0px 0px 0px;
margin: 1px 0px 0px 0px;
clear:both;
}
#bas05 {
border-left: #666 17px solid;
border-right:  #666 17px solid;
height:17px;
float:left;
background:  transparent url(imgsite/titre05.gif) left bottom  repeat-x;
color: #fff;
width:100%;
padding: 0px 0px 0px 0px;
margin: 1px 0px 0px 0px;
clear:both;
}
#bas06 {
border-left: #666 17px solid;
border-right:  #666 17px solid;
height:17px;
float:left;
background:  transparent url(imgsite/titre06.gif) left bottom  repeat-x;
color: #fff;
width:100%;
padding: 0px 0px 0px 0px;
margin: 1px 0px 0px 0px;
clear:both;
}
#bas07 {
border-left: #666 17px solid;
border-right:  #666 17px solid;
height:17px;
float:left;
background:  transparent url(imgsite/titre07.gif) left bottom  repeat-x;
color: #fff;
width:100%;
padding: 0px 0px 0px 0px;
margin: 1px 0px 0px 0px;
clear:both;
}
#doodesign {
height:17px;
background: transparent ;
color: #333;
width:1040px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position:absolute;
top:578px;
left:0px;
text-align:right;
font: 10px verdana;
}
.linksfoto {
width:92px;
float:left;
padding: 0;
margin: 0;
background-color: #ccc;
}

.links {
width:180px;
float:left;
padding: 0;
margin: 0;
background-color: #ccc;
}
.linksdownloads {
width:300px;
float:left;
padding: 0;
margin: 0;
background-color: #ccc;
}

#form {
background-color: transparent ;
text-align:left;
float: left ;
width: 300px;
padding: 0px 0px 0px 0px;
margin: 0px 6px 0px 0px;
}

.input {
margin: 0;
background-color:#fff;
color:#000;
width:300px;
font-size: 11px ;
}
.textarea {
border:1px solid black;
color:#000;
width:200px;
}
#form a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font: 11px verdana;
color: #fff;
text-decoration: underline;
background-color: transparent;
}
#form  a:hover{
font: 11px verdana;
color: rgb(75,99,116);
background-color: transparent;
}