body {
  margin: 0;
  padding: 0;
}
span.checkbox { 
  width: 23px; 
  height: 22px; 
  padding: 0 0 0 0; 
  background: url("http://www.yoctown.com/lib/form/checkbox.png") no-repeat; 
  display: block; 
  clear: left; 
  float: left; 
} 
span.radio { 
  width: 23px; 
  height: 22px; 
  padding: 0 0 0 0; 
  background: url("http://www.yoctown.com/lib/form/radio.png") no-repeat; 
  display: block; 
  clear: left; 
  float: left; 
}
p {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 3px;
padding: 0px
}
span {
margin: 0px;
padding: 0px
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #222222;
}
td.clic {
	position: relative;
cursor: pointer;
}
img {
position : relative;
}



.degrade_ie_grey{
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F6F5F5',EndColorStr='#E7E2E2');
}

.image_degrade{
position : absolute;
top: 0px;
left: 0px;
width : 100%;
height: 100%;
}







.article_blog{
width: 658px;
}

.article_blog h2{
position: absolute;
bottom: 9px;
left: 88px;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: Georgia, verdana, sans-serif;
color: #998675;
font-style: italic;
font-size: 18px;
letter-spacing: -0.1px;
}

.article_blog .h2grey h2{
position: absolute;
bottom: 9px;
left: 88px;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: Georgia, verdana, sans-serif;
color: #998675;
font-style: italic;
font-size: 18px;
letter-spacing: -0.1px;
}

.article_blog  .h2black h2{
position: absolute;
bottom: 9px;
left: 88px;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: Georgia, verdana, sans-serif;
color: #ffffff;
font-style: italic;
font-size: 18px;
letter-spacing: -0.1px;
}


.article_blog_top_grey{
width: 658px;
position: relative;
height:74px;
background: url('/BBR_design/design2/files/blog/fondbloghautgrey.png') right bottom no-repeat;
}

.article_blog_top_black{
width: 658px;
position: relative;
height:74px;
background: url('/BBR_design/design2/files/blog/fondbloghautblack.png') right bottom no-repeat;
}

.article_blog_frame_icon{
position: absolute;
left: 0px;
top: 0px;
width: 74px;
height: 74px;
}

.article_blog_onglet_date_grey{
position: absolute;
width: 158px;
height: 22px;
top: 10px;
right: 15px;
background-image: url('/BBR_design/design2/files/blog/onglet_date_grey.png');
}

.article_blog_onglet_date_black{
position: absolute;
width: 158px;
height: 22px;
top: 10px;
right: 15px;
background-image: url('/BBR_design/design2/files/blog/onglet_date_black.png');
}

.article_blog_pointille_rose_top{
width: 544px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/blog/pointille_rose.png');
}

.article_blog_pointille_bleu_top{
width: 544px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/blog/pointille_bleu.png');
}

.article_blog_pointille_vert_top{
width: 544px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/blog/pointille_vert.png');
}

.article_blog_pointille_blanc_top{
width: 544px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/blog/pointille_blanc.png');
}

.article_blog_middle_background_grey{
position: relative;
width: 624px;
margin-left: 34px;
background-image: url('/BBR_design/design2/files/blog/blog_middle_background_grey.png');
}

.article_blog_middle_background_black{
position: relative;
width: 624px;
margin-left: 34px;
background-image: url('/BBR_design/design2/files/blog/blog_middle_background_black.png');
}

.article_blog_middle_inside{
width: 620px;
margin-left: 2px;
position: relative;
}



.article_blog_middle_inside_padding{
position: relative;
padding-top: 12px;
padding-bottom: 12px;
}

.article_blog_content{
width: 540px;
margin:auto;
padding: 0px;
overflow: auto;
}

.article_blog_bottom_grey{
position: relative;
width: 624px;
height: 36px;
margin-left: 34px;
background-image: url('/BBR_design/design2/files/blog/fondblogbasgrey.png');
}

.article_blog_bottom_black{
position: relative;
width: 624px;
height: 36px;
margin-left: 34px;
background-image: url('/BBR_design/design2/files/blog/fondblogbasblack.png');
}

.article_blog_pointille_rose_bottom{
width: 544px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/blog/pointille_rose.png');
}

.article_blog_pointille_bleu_bottom{
width: 544px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/blog/pointille_bleu.png');
}

.article_blog_pointille_vert_bottom{
width: 544px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/blog/pointille_vert.png');
}

.article_blog_pointille_blanc_bottom{
width: 544px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/blog/pointille_blanc.png');
}

.article_blog_comments{
position: absolute;
right: 50px;
bottom: 5px;
}

.article_blog_top_rights{
position: absolute;
right: 50px;
top: 32px;
height: 37px;
}






.pagemedium_webpage{
width: 658px;
}

.pagemedium_webpage h2{
position: absolute;
bottom: 9px;
left: 62px;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: Georgia, verdana, sans-serif;
color: #998675;
font-style: italic;
font-size: 18px;
letter-spacing: -0.1px;
}

.pagemedium_webpage .h2grey h2{
position: absolute;
bottom: 9px;
left: 62px;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: Georgia, verdana, sans-serif;
color: #998675;
font-style: italic;
font-size: 18px;
letter-spacing: -0.1px;
}

.pagemedium_webpage .h2black h2{
position: absolute;
bottom: 9px;
left: 62px;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: Georgia, verdana, sans-serif;
color: #FFFFFF;
font-style: italic;
font-size: 18px;
letter-spacing: -0.1px;
}

.pagemedium_webpage_top_grey{
width: 658px;
position: relative;
height:79px;
background: url('/BBR_design/design2/files/webpage/pagemedium_webpage_top_grey.png') right bottom no-repeat;
}

.pagemedium_webpage_top_black{
width: 658px;
position: relative;
height:79px;
background: url('/BBR_design/design2/files/webpage/pagemedium_webpage_top_black.png') right bottom no-repeat;
}

.pagemedium_webpage_frame_icon{
position: absolute;
left: 0px;
top: 0px;
width: 79px;
height: 79px;
}

.pagemedium_webpage_onglet_date_grey{
position: absolute;
width: 158px;
height: 22px;
top: 15px;
right: 15px;
background-image: url('/BBR_design/design2/files/webpage/onglet_date_grey.png');
}

.pagemedium_webpage_onglet_date_black{
position: absolute;
width: 158px;
height: 22px;
top: 15px;
right: 15px;
background-image: url('/BBR_design/design2/files/webpage/onglet_date_black.png');
}

.pagemedium_webpage_pointille_bleu_top{
width: 574px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_bleu.png');
}

.pagemedium_webpage_pointille_blanc_top{
width: 574px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_blanc.png');
}

.pagemedium_webpage_pointille_vert_top{
width: 574px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_vert.png');
}

.pagemedium_webpage_pointille_rose_top{
width: 574px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_rose.png');
}

.pagemedium_webpage_middle_background_grey{
position: relative;
width: 655px;
margin-left: 3px;
background-image: url('/BBR_design/design2/files/webpage/pagemedium_webpage_middle_background_grey.png');
}

.pagemedium_webpage_middle_background_black{
position: relative;
width: 655px;
margin-left: 3px;
background-image: url('/BBR_design/design2/files/webpage/pagemedium_webpage_middle_background_black.png');
}

.pagemedium_webpage_middle_inside{
width: 651px;
margin-left: 2px;
position: relative;
}

.pagemedium_webpage_middle_inside_padding{
position: relative;
padding-top: 12px;
padding-bottom: 12px;
}

.pagemedium_webpage_content{
width: 586px;
margin:auto;
padding: 0px;
overflow: auto;
}

.pagemedium_webpage_bottom_grey{
position: relative;
width: 655px;
height: 36px;
margin-left: 3px;
background-image: url('/BBR_design/design2/files/webpage/pagemedium_webpage_bottom_grey.png');
}

.pagemedium_webpage_bottom_black{
position: relative;
width: 655px;
height: 36px;
margin-left: 3px;
background-image: url('/BBR_design/design2/files/webpage/pagemedium_webpage_bottom_black.png');
}

.pagemedium_webpage_pointille_bleu_bottom{
width: 574px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_bleu.png');
}

.pagemedium_webpage_pointille_blanc_bottom{
width: 574px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_blanc.png');
}

.pagemedium_webpage_pointille_vert_bottom{
width: 574px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_vert.png');
}

.pagemedium_webpage_pointille_rose_bottom{
width: 574px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_rose.png');
}

.pagemedium_webpage_top_rights{
position: absolute;
right: 50px;
top: 37px;
height: 37px;
}






.pagemax_webpage{
width: 924px;
}

.pagemax_webpage h2{
position: absolute;
bottom: 9px;
left: 62px;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: Georgia, verdana, sans-serif;
color: #998675;
font-style: italic;
font-size: 18px;
letter-spacing: -0.1px;
}

.pagemax_webpage .h2grey h2{
position: absolute;
bottom: 9px;
left: 62px;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: Georgia, verdana, sans-serif;
color: #998675;
font-style: italic;
font-size: 18px;
letter-spacing: -0.1px;
}

.pagemax_webpage .h2black h2{
position: absolute;
bottom: 9px;
left: 62px;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: Georgia, verdana, sans-serif;
color: #FFFFFF;
font-style: italic;
font-size: 18px;
letter-spacing: -0.1px;
}

.pagemax_webpage_top_grey{
width: 924px;
position: relative;
height:79px;
background: url('/BBR_design/design2/files/webpage/pagemax_webpage_top_grey.png') right bottom no-repeat;
}

.pagemax_webpage_top_black{
width: 924px;
position: relative;
height:79px;
background: url('/BBR_design/design2/files/webpage/pagemax_webpage_top_black.png') right bottom no-repeat;
}

.pagemax_webpage_frame_icon{
position: absolute;
left: 0px;
top: 0px;
width: 79px;
height: 79px;
}

.pagemax_webpage_onglet_date_grey{
position: absolute;
width: 158px;
height: 22px;
top: 15px;
right: 15px;
background-image: url('/BBR_design/design2/files/webpage/onglet_date_grey.png');
}

.pagemax_webpage_onglet_date_black{
position: absolute;
width: 158px;
height: 22px;
top: 15px;
right: 15px;
background-image: url('/BBR_design/design2/files/webpage/onglet_date_black.png');
}

.pagemax_webpage_pointille_bleu_top{
width: 840px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_bleu.png');
}

.pagemax_webpage_pointille_blanc_top{
width: 840px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_blanc.png');
}

.pagemax_webpage_pointille_vert_top{
width: 840px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_vert.png');
}

.pagemax_webpage_pointille_rose_top{
width: 840px;
height: 3px;
position: absolute;
bottom: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_rose.png');
}

.pagemax_webpage_middle_background_grey{
position: relative;
width: 921px;
margin-left: 3px;
background-image: url('/BBR_design/design2/files/webpage/pagemax_webpage_middle_background_grey.png');
}

.pagemax_webpage_middle_background_black{
position: relative;
width: 921px;
margin-left: 3px;
background-image: url('/BBR_design/design2/files/webpage/pagemax_webpage_middle_background_black.png');
}

.pagemax_webpage_middle_inside{
width: 917px;
margin-left: 2px;
position: relative;
}

.pagemax_webpage_middle_inside_padding{
position: relative;
padding-top: 12px;
padding-bottom: 12px;
}

.pagemax_webpage_content{
width: 852px;
margin:auto;
padding: 0px;
overflow: auto;
}

.pagemax_webpage_bottom_grey{
position: relative;
width: 921px;
height: 36px;
margin-left: 3px;
background-image: url('/BBR_design/design2/files/webpage/pagemax_webpage_bottom_grey.png');
}

.pagemax_webpage_bottom_black{
position: relative;
width: 921px;
height: 36px;
margin-left: 3px;
background-image: url('/BBR_design/design2/files/webpage/pagemax_webpage_bottom_black.png');
}

.pagemax_webpage_pointille_bleu_bottom{
width: 840px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_bleu.png');
}

.pagemax_webpage_pointille_blanc_bottom{
width: 840px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_blanc.png');
}

.pagemax_webpage_pointille_vert_bottom{
width: 840px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_vert.png');
}

.pagemax_webpage_pointille_rose_bottom{
width: 840px;
height: 3px;
position: absolute;
top: 0px;
right:40px;
background-image: url('/BBR_design/design2/files/webpage/pointille_rose.png');
}


.pagemax_webpage_top_rights{
position: absolute;
right: 50px;
top: 37px;
height: 37px;
}








.administration{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 11px;
	text-decoration: none;
	color: #222222;
}
.fond2 {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/	
background-image:url(/BBR_design/design2/files/fond2.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fond2.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
height:auto; 
width:956px;
}
.fond2haut {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/	
background-image:url(/BBR_design/design2/files/fond2haut.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fond2haut.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
height:12px; 
width:956px;
}
.fond2bas {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/	
background-image:url(/BBR_design/design2/files/fond2bas.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fond2bas.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
height:13px; 
width:956px;
}
.fondmenu {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/	
background-image:url(/BBR_design/design2/files/fondmenu.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fondmenu.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.blackpix {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
height: 1px;
width: 1px;	
background-image:url(/BBR_design/design2/files/blackpix.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/blackpix.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.fondmenu a {
position: relative;
}
.fondpwhaut {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
height: 79px;
width: 658px;
background-image:url(/BBR_design/design2/files/fondpwhaut.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fondpwhaut.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.fondpwhautmax {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
height: 79px;
width: 924px;
background-image:url(/BBR_design/design2/files/fondpwhautmax.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fondpwhautmax.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.fondpwmenuhaut {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
height: 22px;
width: 244px;
background-image:url(/BBR_design/design2/files/fondpwmenuhaut.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fondpwmenuhaut.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.fondpwmenubas {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
height: 65px;
width: 256px;
background-image:url(/BBR_design/design2/files/fondpwmenubas.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fondpwmenubas.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.iconpwselect {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
height: 31px;
width: 30px;
background-image:url(/BBR_design/design2/files/iconpwselect.png) !important;
background-repeat: no-repeat;
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/BBR_design/design2/files/iconpwselect.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.iconpwunselect {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
height: 21px;
width: 20px;
background-image:url(/BBR_design/design2/files/iconpwunselect.png) !important;
background-repeat: no-repeat;
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/BBR_design/design2/files/iconpwunselect.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.fondbloghaut {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
height: 74px;
width: 658px;
background-image:url(/BBR_design/design2/files/fondbloghaut.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fondbloghaut.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.fondblogcomhaut {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
height: 56px;
width: 256px;
background-image:url(/BBR_design/design2/files/fondblogcomhaut.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fondblogcomhaut.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.fondblogcombascercle {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
height: 44px;
width: 44px;
background-image:url(/BBR_design/design2/files/fondblogcombascercle.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fondblogcombascercle.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}

.coinbloggauchehaut{
height: 8px;
width: 8px;
background-image:url(/BBR_design/design2/files/coinbloggauchehaut.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/coinbloggauchehaut.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */	
}
.coinblogmilieuhaut{
height: 8px;
width: 1px;
background-image:url(/BBR_design/design2/files/coinblogmilieuhaut.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/coinblogmilieuhaut.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.coinblogdroithaut{
height: 8px;
width: 9px;
background-image:url(/BBR_design/design2/files/coinblogdroithaut.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/coinblogdroithaut.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.coinbloggauchemilieu{
height: 1px;
width: 8px;
background-image:url(/BBR_design/design2/files/coinbloggauchemilieu.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/coinbloggauchemilieu.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.coinblogdroitmilieu{
height: 1px;
width: 9px;
background-image:url(/BBR_design/design2/files/coinblogdroitmilieu.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/coinblogdroitmilieu.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.coinbloggauchebas{
height: 9px;
width: 8px;
background-image:url(/BBR_design/design2/files/coinbloggauchebas.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/oinbloggauchebas.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.coinblogmilieubas{
height: 9px;
width: 1px;
background-image:url(/BBR_design/design2/files/coinblogmilieubas.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/coinblogmilieubas.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.coinblogdroitbas{
height: 9px;
width: 9px;
background-image:url(/BBR_design/design2/files/coinblogdroitbas.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/coinblogdroitbas.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}

.degradeblog {
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F6F5F5',EndColorStr='#E7E2E2');
position: relative;
width: 100%;	/* dimension et positionnement du bloc conteneur  de l'image */
left: 0px;
top: 0px;
}
.degradefondsiteimg {
position : absolute	;
/* l'image occupe toute la place de son bloc conteneur */
top: 0px;
left: 0px;
width : 100%;
height: 100%;
}
.tableblog {	
position: relative;	/* placement du texte par-dessus l'image */
top: 0px;
left: 0px;
color: black;
}


.fondimg {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
position: relative;
text-align: center;
float: left;
margin: 4px;
vertical-align: middle;
text-align: center;
height: 160px;
width: 175px;
background-image:url(/BBR_design/design2/files/cadre_photos_album.png); 
}
.fondcat {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
background-image:url(/BBR_design/design2/files/fondcat.png) !important; 
background-image:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/BBR_design/design2/files/fondcat.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.fondcat a {
position: relative;
}
.fondimg a {
        position: relative; /* Permet aux liens d'etre cliquable */
}
.fonddescriptioncat {
/*
Gif car les filtres pour png bloquent l'ascenseur pour IE
*/
background:url(/BBR_design/design2/files/fonddescriptioncat.gif);
height:141px; 
width:270px;
}
.courbes {
width: 924px;
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
background:url(/BBR_design/design2/files/courbes.png) no-repeat 0 0 !important; 
background:url(no-image.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/BBR_design/design2/files/courbes.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
.scroll{
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow: auto;
}


.fondprincipal{
position: relative;
margin: auto;
width: 1016px;
border: 1px solid #c0c0c0;
background-color:#E4EFFF;
padding: 0;
padding-top: 15px;
padding-bottom: 16px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}


a {
TEXT-DECORATION: none;
}