@charset "utf-8";
/* CSS Document */
html{
/*background:url(../images/fond_site.jpg) no-repeat #9853a1;*/
background-color:#ffffff;
background-position:right top;
text-align : center;
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font: .70em/1.5em  Verdana, sans-serif;
color: #000000; 
}
img {
border:0;
}
h1 {
width:auto;
margin:2px;
border-bottom: 1px solid #4058A1;
border-left: 4px solid #4058A1;
color:#000000;
font: 18px Arial,sans-serif ;
padding-left:15px;
}
h2 {
padding-left:30px;
padding-top:0px;
font-size : 14px;
text-decoration:underline;
}
h3 {
padding-left:50px;
padding-top:5px;
font-size : 12px;
font-style:italic;
}

p{
text-indent:15px;
padding-left:5px;
padding-right:5px;
}
p img {
float:right;
margin-left:3px;
margin-top:3px;
}

a {
color: #4058A1;
text-decoration: none;
font: bold;
}
a:hover {
color: #4058A1;
text-decoration:underline;
font: bold;
}
#site{
width:900px;
height:auto;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-bottom: 0;
}
#contenu{
width:900px;
height:auto;
background:url(../images/fd_site.jpg) repeat-y;
}
#header {
width:864px;
height:154px;
background:url(../images/header.jpg);
border-left:1px solid #B2B2B2;
border-right:1px solid #B2B2B2;
}
#espace_membre {
margin-left:593px;
text-align:left;
width:225px;
height:150px;
background:url(../images/espace_membre.jpg);
}
.texte_espace_membre {
margin-left:8px;
margin-right:8px;
text-indent:10px;
text-align:left;
margin-top:2px;
}
.liens_espace_membre {
text-align:center;
margin-top:15px;
font: 12px Arial,sans-serif ;
font-style: bold;
}
.titre_espace_membre {
text-align:center;
font: 16px Arial,sans-serif ;
line-height: 1.3em ;
font-style: bold;
color:#4058A1;
border-bottom : 2px solid #4058A1;
}
#espace_membre li, #espace_membre li a, #espace_membre li hover {
list-style: none ;
margin-left:20px;
color:#000000;
text-align:left;
line-height: 1.5em ;
color:#4058A1;
text-decoration:none;
}
#centre {
width:867px;
vertical-align:top;
margin-left:19px;
margin-right:19px;
height:auto;
overflow:hidden;}
#menu {
width:150px;
height:inherit;
vertical-align:top;
}
#footer {
width:900px;
height:31px;
background:url(../images/footer.jpg);
}
.texte_footer {
width:900px;
background-color:#FFFFFF;
color:#333333;
text-align:center;
text-decoration:none;
}
.texte_footer a, a hover{
text-decoration:none;
color:#4058A1;
}
#cadre_gauche {
width:232px;
vertical-align:top;
margin-left:10px;
margin-top:10px;
float:left;
}
#cadre_gauche_haut {
background:url(../images/cadre_gauche_haut.gif) no-repeat;
width:232px;
height:27px;
}
#cadre_gauche_centre {
background:url(../images/cadre_gauche_centre.gif) repeat-y;
width:232px;
height:auto;
}
#cadre_gauche_bas {
background:url(../images/cadre_gauche_bas.gif) no-repeat;
width:232px;
height:21px;
}
.titre_cadre_gauche {
text-align:left;
font: 16px Arial,sans-serif ;
line-height: 14px ;
font-style: bold;
color:#000000;
margin-left:15px;
border-left: 4px solid #4058A1;
padding-left:5px;
margin-bottom:5px;
}
#cadre_droit {
width:600px;
height:auto;
margin-left:250px;
margin-top:12px;
text-align:left;
}
#texte_centre {
padding-left:10px;
padding-right:10px;
text-align:justify;
}
#pack_accueil {
width:100%;
text-align:center;
vertical-align:baseline;
background-color:#FFFFFF;
}
.form_gauche {
text-align:right;
vertical-align:top;
}
.desc_pack {
padding-left:130px;
padding-right:35px;
}
#cadre_offre {
width: 100%;
height: 100%;
}
.lettre_bleu {
color:#4058A1;
}
#menu {
width:100%;
height:26px;
}
#navigation {
margin: 0 ;
padding: 0 ;
list-style: none ;
text-align:center;
}
#navigation li {
float: left ;
width: 170.4px ;
border-bottom: 1px solid #B2B2B2;
border-left:1px solid #B2B2B2;
border-right:1px solid #B2B2B2;
margin-right: 1px ;
}
#navigation li a {
display: block ;
background:url(../images/fd_menu.jpg) repeat-x;
color: #FFFFFF ;
font: 1.3em "Trebuchet MS",Arial,sans-serif ;
line-height: 1.3em ;
font: bold italic;
padding: 4px 0 ;
text-align: center ;
text-decoration:none;
}	
#navigation li a:hover, #navigation li a:active {
background: #4058A1;
color:#FFFFFF;
text-decoration:none;
}
/*****plan du site***********/
.plan_ul li{	
}
.sousli{
	margin-left:120px;
	list-style-type:disc;
}
/*-- REFERENCES --*/
.display {
margin-left:30px;
float: left;
width: 525px;
visibility:visible;
}
ul.display {
margin-left:30px;
float: left;
width: 525px;
padding: 0;
list-style: none;
}
ul.display li {
float: left;
width: 500px;
padding: 5px 0;
padding-top:10px;
padding-bottom:10px;
margin: 0;
border-bottom: 1px solid #3051b0;
}
ul.display li a {
color: #000;
text-decoration: none;
}
ul.display li .content_block {
padding: 0 10px;
height:200px;
}
ul.display li .content_block h2 {
margin: 0;
padding: 2px;
font-weight: normal;
font-size: 16px;

}
ul.display li .content_block p {
margin: 0;
padding: 2px 2px 2px 205px;
font-size: 1.2em;
}
ul.display li .content_block a img{
background: #fff;
float: left;
}

ul.thumb_view li{
width: 230px;
}
ul.thumb_view li h2 {
display: inline;
}
ul.thumb_view li p{
display: none;
}
ul.thumb_view li .content_block a img {
}
a.switch_thumb {
width: 122px;
height: 26px;
float:right;
line-height: 26px;
padding: 0;
padding-right:0px;
margin: 10px 0;
display: block;
background: url(../../v2/_design/images/switch.gif) no-repeat;
outline: none;
text-indent: -9999px;
}
a:hover.switch_thumb {
filter:alpha(opacity=75);
opacity:.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { 
background-position: left bottom; 
}
.nom {
font-size:16px;
font-weight:bold;
color:#3051b0;
text-align:center;
}
.desc-court {
font-size:13px;
font-style:italic;
color:#000;
}
.desc-long {
font-size:12px;
color:#000;
}
.url {
font-size:10px;
color:#000;
}
.type {
font-size:10px;
font-weight:bold;
color:#000;
}

	/*-- Onglet Références --*/
#onglets .onglet 
{
float:left;
width:529px;
_visibility:visible;
} 
#onglets .navonglets 
{ 
width:529px;
} 
#onglets .navonglets li 
{ 
position:relative; 
list-style-type:none; 
padding:0;
float:left;
height:29px;
line-height:29px;
padding:0 7px 0 7px;
margin-bottom:-2px; 
margin-left:-1px; 
} 
#onglets .navonglets li.actif 
{ 
} 
#onglets .navonglets li.actif a 
{ 
text-decoration:none 
} 

.onglet ul {
list-style:none;
margin:0;
padding:0;
}
.onglet ul li a {
height:30px;
line-height:30px;
 }
.onglet ul li a:hover {
text-decoration:underline;
 }
	/*-- Fin Onglet Références --*/
/*-- FIN REFERENCES --*/