body{
background:url(pics/screen.gif);
font:100% Verdana, Helvetica, Sans-Serif;
background-color:#005162;
background-repeat:repeat-x;
}

#cont1{
width:1024px;
margin-left:auto;
margin-right:auto;
background:url(pics/fond.gif);
background-repeat:no-repeat;

}

#haut{
width:256px;
height:256px;
}

#gauche{
width:190px;
float:left;
text-align:left;

}

#centre{
width:640px;
float:left;

}

#droite{
width:190px;
float:left;

}

.clear{
clear:both;
}

#menu{
text-align:center;
font-weight:bold;
}

#m1{
color:#ffffff;
text-decoration:none;
}
#m1:hover{
color:#db7702;
}

#m2{
color:#ffffff;
text-decoration:none;
}
#m2:hover{
color:#db7702;
}

#m3{
color:#ffffff;
text-decoration:none;
}
#m3:hover{
color:#db7702;
}

#m4{
color:#ffffff;
text-decoration:none;
}
#m4:hover{
color:#db7702;
}

#m5{
color:#ffffff;
text-decoration:none;
}
#m5:hover{
color:#db7702;
}

#m6{
color:#ffffff;
text-decoration:none;
}
#m6:hover{
color:#db7702;
}

#m7{
color:#ffffff;
text-decoration:none;
}
#m7:hover{
color:#db7702;
}

#mur{
width:505px;
/*border:solid 2px #ffffff;
background:#000000;*/
margin-left:auto;
margin-right:auto;
}

#textacc01{
width:90%;
padding-top:50px;
font-size:80%;
text-align:center;
color:#ffffff;
margin-left:auto;
margin-right:auto;
}

#bas{
font-size:60%;
text-align:center;
color:#000000;
}

#v01{
background:url(pics/v01.jpg);
display:block;
width:104px;
height:82px;
border:solid 2px #ffffff;
margin-bottom:20px;
margin-top:4px;
margin-left:auto;
margin-right:auto;
}
#v01:hover{
border:solid 2px #db7702;
}

#v02{
background:url(pics/v02.jpg);
display:block;
width:104px;
height:82px;
border:solid 2px #ffffff;
margin-bottom:20px;
margin-top:4px;
margin-left:auto;
margin-right:auto;
}
#v02:hover{
border:solid 2px #db7702;
}

#v03{
background:url(pics/v03.jpg);
display:block;
width:104px;
height:82px;
border:solid 2px #ffffff;
margin-bottom:20px;
margin-top:4px;
margin-left:auto;
margin-right:auto;
}
#v03:hover{
border:solid 2px #db7702;
}

.vd{
border:solid 2px #ffffff;
margin-bottom:20px;
margin-top:4px;
margin-left:auto;
margin-right:auto;
}
.vd:hover{
border:solid 2px #db7702;
}

#vignettes{
text-align:center;
font-size:60%;
text-align:center;
font-weight:bold;
color:#ffffff;
}

#methode1{
margin-top:20px;
font-weight:bold;
text-align:center;
margin-bottom:10px;
color:#ffffff;
}
#methode2{
text-align:center;
font-size:60%;
text-decoration:italic;
color:#ffffff;
}

.col1{
width:33%;
float:left;
color:#ffffff;
font-size:70%;
}

.titre{
color:#ffffff;
font-size:100%;
font-weight:bold;
font-style:italic;
}

.texte{
color:#ffffff;
font-size:80%;
}

.titre2{
color:#ffffff;
font-size:90%;
font-weight:bold;
font-style:italic;
}

.cont{
color:#ffffff;
font-size:90%;
text-align:center;
}

.lien{
color:#ffffff;
}
.lien:hover{
color:#db7702;
}

#phequ{
width:584px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.t-prix{
color:#ff5d5d;
font-weight:bold;
font-size:120%;
margin-bottom:10px;
}
.t-titre{
color:#ffffff;
font-size:100%;
font-weight:bold;
font-style:italic;
text-decoration:underline;
margin-bottom:10px;
}
.t-desc{
color:#ffffff;
font-size:80%;
}

.mini{
border:solid 2px #000000;
}
.mini:hover{
border:solid 2px #0066ff;
}

.ext-titre{
display:block;
color:#ffffff;
font-size:80%;
font-weight:bold;
background:url(pics/deg01.gif);
background-repeat:repeat-y;
padding:2px;
}

.ext-nom{
color:#aaaaaa;
font-size:80%;
font-style:italic;
}

#cont-ext{
width:435px;
margin-left:auto;
margin-right:auto;
}

.prevnext{
color:#ffffff;
font-size:70%;
text-decoration:none;
}
.prevnext:hover{
color:#000000;
text-decoration:underline;
background:#ffffff;
}

#prevnextcont{
margin-left:280px;
}

.champ{
border:none;
background:#9ba7d1;
margin-bottom:2px;
padding:2px;

}
.champ:hover{
background:#b9c8fd;
}

.label{
float:left;
width:150px;
}

#contcont{
margin-left:100px;
}

#newtop{
width:540px;
height:10px;
font-size:0px;
background:url(pics/c_01.gif);
margin-left:auto;
margin-right:auto;
}
#newmid{
width:520px;
background:url(pics/c_02.gif);
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
padding:10px;
text-align:justify;
font-size:100%;
}
#newbot{
width:540px;
height:10px;
font-size:0px;
background:url(pics/c_03.gif);
margin-left:auto;
margin-right:auto;
}

.newmini{
border:solid 2px #000000;
float:left;
margin-right:10px;
}
.newmini:hover{
border:solid 2px #ffffff;
}

.newbig{
border:solid 2px #000000;
}

.newtitre{
background:#b2b7cf;
display:block;
text-align:center;
font-style:italic;
padding:2px;
}
.newtexte{
color:#ffffff;
font-size:70%;
}
.newsuite{
float:right;
color:#000000;
font-size:70%;
font-style:italic;
}
.newsuite:hover{
background:#ffffff;
color:#000000;
}

.m-mini{
border:solid 2px #005162;
float:left;
margin:2px;
}
.m-mini:hover{
border:solid 2px #0066ff;
}

.mtitre{
font-size:100%;
color:#ffffff;
font-weight:normal;
font-style:italic;
display:block;
padding:2px;
font-family:impact;
}

.method-cont{
width:500px;
margin-left:auto;
margin-right:auto;
}

#bt1{
width:185px;
height:30px;
display:block;
background:url(pics/bt1.gif);
}
#bt1:hover{
background:url(pics/bt11.gif);
}


#bt2{
width:185px;
height:30px;
display:block;
background:url(pics/bt2.gif);
}
#bt2:hover{
background:url(pics/bt22.gif);
}


#bt3{
width:185px;
height:30px;
display:block;
background:url(pics/bt3.gif);
}
#bt3:hover{
background:url(pics/bt33.gif);
}


#bt4{
width:185px;
height:30px;
display:block;
background:url(pics/bt4.gif);
}
#bt4:hover{
background:url(pics/bt44.gif);
}


#bt5{
width:185px;
height:30px;
display:block;
background:url(pics/bt5.gif);
}
#bt5:hover{
background:url(pics/bt55.gif);
}


#bt6{
width:185px;
height:30px;
display:block;
background:url(pics/bt6.gif);
}
#bt6:hover{
background:url(pics/bt66.gif);
}


#bt7{
width:185px;
height:30px;
display:block;
background:url(pics/bt7.gif);
}
#bt7:hover{
background:url(pics/bt77.gif);
}

.htitre{
display:none;
}

.credit{
color:#000000;
}
.credit:hover{
color:#ff6600;
}

.texte ul{

}

.copy{
color:black;
display:block;
margin-left:auto;
margin-right:auto;
font-size:60%;
text-decoration:none;
text-align:center;
}
.copy:hover{
text-decoration:underline;
}

.copy2{
color:black;
text-decoration:none;
}
.copy2:hover{
text-decoration:underline;
}

a{
	outline:none;
}

#dessus{
	width:500px;
	height:300px;
	border:dotted 1px #ffffff;
	margin:0px auto;
	text-align:center;
	margin-bottom:20px;
	color:#ffffff;
	padding:5px;
}

.dessus_in{
	float:left;
	margin-right:2px;
	border:solid 1px #336677;
	width:162px;
}