body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #a3a3a3;
scrollbar-darkshadow-color: #a3a3a3;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color:#fa8501;
}

a.pfolio {
display:block;
width:120px;
height:120px;
background:url(img/boutfolio.png) no-repeat;
margin:5px 5px 5px 15px;
}

a.pfolio:hover {
background-position:0px -120px;
}

a.pcoeur {
display:block;
width:120px;
height:120px;
background:url(img/coeur.png) no-repeat;
margin:5px 5px 10px 15px;

}

a.pcoeur:hover {
background-position:0px -120px;
}

a.ppoints {
display:block;
width:120px;
height:120px;
background:url(img/creer.png) no-repeat;
margin:5px 5px 10px 15px;
}

a.ppoints:hover {
background-position:0px -120px;
}







#conteneur {
width: 877px;
margin: 50px auto 0px auto;
}

#header 
{
height:160px;
background:#ffffff url(img/bandeau-orange.jpg);
}


#etic {
float:right;
display:block;
width:50px;
height:50px;
background:url(img/e-tic.jpg) no-repeat;
margin-top:130px;
margin-right:0px;
}

#etic a {
display:block;
width:100%;
height:100%;
}


a img {
border:0px solid;
}


#menu {
border-bottom:1px solid #a3a3a3;
height:20px;
color:#a3a3a3;
letter-spacing:1px;
}

#menu a {
color:#a3a3a3;
text-decoration:none;
font-size:9px;
font-weight:700;
}

#menu a:hover {
color:#fa8501;
}

#menu a.mcolor {
color:#fa8501;
}


#centre {
background:#ffffff;
border:0px solid black;
}

#formulaire {
color:#a3a3a3;
background:#ffffff url(img/bat.jpg) no-repeat bottom right;
border:0px solid #000;
}

#formulaire table.orange {
border:1px solid #fa8501;
margin-left:10px;
}

#formulaire input {
border:1px solid #fa8501;
color:#a3a3a3;
}

#formulaire textarea {
border:1px solid #fa8501;
color:#a3a3a3;
}

#pagination {
text-align:center;
width:100%;
border:0px solid;
}

#pagination a {
color:#fa8501;
}

#pagination2 {
color:#a3a3a3;
}

.ess {
border:1px solid #fa8501;
}

.titre {
color:#a3a3a3;
}

a.lien {
color:#fa8501;
}

a.lien:hover {
color:#a3a3a3;
}

.tnous {
margin-left:195px;
}

h2 {
margin:0;
padding:15px 0px 10px 20px;
color:#fa8501;
font-size:13px;
}


h3 {
margin:0;
padding:0px 0px 10px 0px;
color:#fa8501;
font-size:16px;
text-align:center;
}


h4 {
margin:0;
padding:0px 0px 10px 0px;
color:#666666;
font-size:13px;
text-align:center;
}




p {
margin: 0;
padding:0px 0px 5px 0px;
text-align:justify;
color:#a3a3a3;
font-size:13px;
}

ul {
margin: 0px 0px 5px 0px;
padding:0;
}

li {
color:#fa8501;
margin: 3px 30px 0px 38px;
padding: 0px 0px 0px 0px;
font-size:9px;
}


li.points {
color:#fa8501;
margin: 3px 0px 0px 15px;
padding: 0px 0px 0px 0px;
font-size:9px;
}


b {
color:#fa8501;
font-weight:300;
}

.pack {
color:#a3a3a3;
font-size:13px;
padding:0px 10px;
font-weight:700;
}

#search {
color:#a3a3a3;
text-align:center;
}

.tableblog {
border:1px solid #fa8501;
padding:0px 10px 10px 10px;
color:#a3a3a3;
}

.titreblog {
color:#fa8501;
font-size:14px;
}

hr {
height:1px;
}





a.info{
    position:relative; 
    z-index:24; 
    color:#666666;
    text-decoration:none}

a.info:hover{
z-index:25;
}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    font-size:9px;
    
    top:2em; 
    left:2em; 
    width:35em;
    border:1px solid #fa8501;
    background-color:#ffffff;
    color:#fa8501;
    text-align: left;
    font-weight:none;
    padding:5px;
    
    }




.couleur
{
color:#fa8501;
font-size:16px;
}

.couleurs
{
color:#fa8501;
}



.gris {
color:#a3a3a3;
font-size:13px;
}

.gris2 {
color:#666666;
font-size:13px;
}

.gris3 {
color:#a3a3a3;
font-size:10px;
}

.pcolor {
color:#fa8501;
}

a.lcolor {
color:#fa8501;
}

a:hover.lcolor {
color:#a3a3a3;
}


a.lcolor2 {
color:#da811c;
}

a:hover.lcolor2  {
color:#a3a3a3;
}

#gauche {
float:left;
width:500px;
height:320px;
border:0px solid black;
background:#ffffff;
z-index:100;
}

#droite {
float:left;
width:370px;
height:270px;
border:0px solid #000000;
background:#ffffff url(img/actu.gif) 12px 0px no-repeat;
padding-top:36px;
z-index:0;
}

#video-acc {
position:absolute;
z-index:100;
}



#poisson {
position:absolute;
border:0px solid;
margin-left:260px;
z-index:0;
width:640px;
height:360px;

}






#gauche-engagements {
position:absolute;
width:340px;
height:430px;
border:0px solid black;
z-index:1;
text-align:right;
background: url(img/bocal-bleu.jpg) no-repeat 0px bottom;
}




#droite-engagements {
position:relative;
z-index:100;
width:500px;
height:420px;
border:0px solid #000000;
padding-top:16px;
padding-left:370px;
}




#droite-pourquoi {
float:left;
width:350px;
height:390px;
border:0px solid #000000;
padding-top:0px;
margin-left:15px;
text-align:right;
}


#gauche-pourquoi {
float:left;
width:500px;
height:320px;
border:0px solid black;
background:#ffffff;
}


#gauche-pack {
float:left;
width:425px;
height:400px;
border:0px solid black;
padding:5px;
}



#droitepack {
float:left;
width:425px;
height:640px;
border:0px solid #000000;
padding-top:0px;
padding:5px;
}

#droite-points {
float:left;
width:350px;
height:380px;
border:0px solid #000000;
background:#ffffff;
padding-top:6px;
margin-left:15px;
}

#gauche-points {
padding-top:96px;
float:left;
width:500px;
height:250px;
border:0px solid black;
background:#ffffff;
}

.atom {
float:right;
padding-left:10px;
padding-bottom:10px;
}

.noborder {
border:0px solid;
}

#packstatique {
width:425px;
height:420px;
}


#packclassique {
width:425px;
height:420px;
}


#packdynamique {
width:425px;
height:420px;
}


#packatomique {
width:425px;
height:420px;
}


#gauche-nous {
float:left;
width:600px;
height:350px;
border:0px solid black;
background:#ffffff;
}

#droite-nous {
float:left;
width:270px;
height:350px;
border:0px solid #000000;
padding:0px 0px 0px 0px;
text-align:center;
color:#a3a3a3;
font-size:9px;
}


#gauche-plan {
float:left;
width:500px;
height:310px;
border:0px solid black;
background:#ffffff url(img/fleches.jpg) no-repeat bottom right;
}

#droite-plan {
float:left;
width:350px;
height:310px;
border:0px solid #000000;
background:#ffffff;
padding-top:6px;
}

#droite-plan p {
text-align:center;
}



#video {
width:320px;
height:390px;
border:0px solid black;
margin-left:10px;
}




#actu {
width:350px;
height:270px;
background:#ffffff;
padding:0px 10px 0px 10px;
color:#a3a3a3;
border:0px solid #000;
}




#clear {
clear:both;
}

#pied {
height: 48px;
background: #ffffff url(img/pied-orange.gif) no-repeat top right;
color:#fff;
text-align:center;
padding:0px 0px 0px 0px;
border:0px solid black;
}

#pied-gauche {
float:left;
background: #ffffff url(img/pied-orange.gif) no-repeat 0px 0px;
width:75px;
height:48px;
}

#pied-droite {
float:right;
border:0px solid #000;
margin-top:-15px;
margin-right:5px;
}


#extras {
padding-top:14px;
border:0px solid #000;
}

#pied a {
color:#fff;
text-decoration:none;
} 

#pied a:hover {
color:#666666;
text-decoration:none;
} 








#livreor{
	color:#666;
}

#livreor td{
	padding:10px;
	color:#666;
}

#livreor th{
	padding:10px;
	color:#e75d12;
background-color:#fff;
}

#formlivreor{
	color:#666;
	width:500px;
	margin:0 auto;
}

#formlivreor table{
	margin:0 auto;
}

#formlivreor .inputlivreor{
	border:solid 1px #e65e12;
	background-color:#fff;
	color:#666;
	width:148px;
}

#formlivreor .msglivreor{
	width:350px;
	height:150px;
	border:solid 1px #e65e12;
	background-color:#fff;
	color:#666;
}

#formlivreor .inputlivreor:focus{
	border:solid 1px #e65e12;
	background-color:#FFF;
	color:#000000;
}

#formlivreor input[type=submit]{
	display:block;
	background:#fff;
	color:#e65e12;
	border:solid 1px #e65e12;
	cursor:pointer;
	margin:20px auto;
}

#formlivreor input[type=submit]:hover{
	display:block;
	background:#e65e12;
	color:#666;
	border:solid 1px #FFF;
	cursor:pointer;
	margin:20px auto;
}

#livreorverif, #livreorverif ul{
	color:#b6a142;
}

#livreorverif a{
	color:#b6a142;
}




#imgdor{
position:absolute;
background:url(img/livredor.png);
width:82px;
height:68px;
margin-left:722px;
margin-top:190px;
}

#imgdor:hover{
background-position:0 -68px;
}