/* CSS Document */
html {
height:100%;
margin-bottom:1px;
}
body, td {
font-family:Helvetica,Arial,sans-serif;
line-height:135%;
}
body {
background:#000000 repeat scroll 0%;
/* background-image: url(images/zoom_back.png);
background-repeat: repeat-x repeat-y ;*/
margin:0pt;
padding:0pt;
}
#cadre {
    background-color: #ff0000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: inherit;
    opacity: 0.1;
    margin-bottom: 0px;
}
body, body.f-default {
font-size:12px;
}
body.f-larger {
font-size:15px;
}
p {
margin-bottom:15px;
margin-top:10px;
}
h1, h2, h3, h4 {
font-family:Century Gothic,Arial,sans-serif;
margin:25px 0pt;
padding-bottom:5px;
}
h1 {
font-size:200%;
}
h2 {
font-size:175%;
}
h3 {
font-size:150%;
}
h4 {
font-size:120%;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.small, .modifydate, .createdate, div.mosimage_caption {
font-size:95%;
}

/* color 1 */

a, h2, .contentheading, #maincol .moduletable h3, #bottom-modules h3, .moduletable-hilite2 h3, .moduletable-hilite5 h3, .module-hilite2 h3, .module-hilite5 h3, ul.menuside li.active a, a#active_menu, a#active_menu.sublevel {
	color: #3187cf;
}

a img.album {
	border-color: #3187cf;
}

.contentheading, .maincol .accent, #horiz-menu li.active span span.selector, a#active_menu, ul.menuside li.active a, a.readon,
div.moduletable-hilite1 a.readon, div.module-hilite1 a.readon, ul.arrow-1 li, ul.triangle-1 li, ul.bullet-1 li, ul.bullet-5 li, ul.plus-1 li {
	background-color: #3187cf;
}

/* color 2 */

.titre{
	color:  #3187cf;
	font-size:12px;
}
.texte{
	color:  #000000;
		font-size:11px;
}
.music_on{
	color:  #000000;
	font-size:11px;
	font-weight: bold;
}

.music_off{
	color:  #4b4b4b;
		font-size:11px;
}

.texte_white{
	color:  #ffffff;
		font-size:11px;
}
.description{
	color:  #000000;
		font-size:13px;
}
.description_white{
	color:  #ffffff;
		font-size:13px;
}
.secondcol .accent, #horiz-menu li:hover span span.selector, #horiz-menu li.sfHover span span.selector, a.mainlevel:hover, ul.menuside a:hover, ul.menuside li.active li a:hover, ul.arrow-2 li, ul.triangle-2 li, ul.bullet-2 li, ul.bullet-6 li, ul.plus-2 li,.moduletable-hilite1 ul.arrow-2 li {
	background-color: #3187cf;
}

/* color 3 */

#thirdcol .moduletable h3, .moduletable-hilite1 h3, .moduletable-hilite4 h3, .module-hilite1 h3, .module-hilite4 h3 {
	color: #999;
}

.thirdcol .accent {
	background-color: #999;
}

table.lucid { align: center}
td.lucid-top { height: 7px;  background-image: url(images/borders/lucid/top.gif)}
td.lucid-topRight { width: 8px; height: 7px; background-image: url(images/borders/lucid/topRight.gif)}			 
td.lucid-right { width: 8px; background-image: url(images/borders/lucid/right.gif)}
td.lucid-bottomRight { width: 8px; height: 8px; background-image: url(images/borders/lucid/bottomRight.gif)}	
td.lucid-bottom { height: 8px; background-image: url(images/borders/lucid/bottom.gif)}
td.lucid-bottomLeft { width: 8px; height: 8px; background-image: url(images/borders/lucid/bottomLeft.gif)}	
td.lucid-left { width: 8px; background-image: url(images/borders/lucid/left.gif)}
td.lucid-topLeft { width: 8px; height: 7px; background-image: url(images/borders/lucid/topLeft.gif)}			 
td.lucid-center { background-color: #333333 ; color: white }


table.round { align: center}
td.round-top { height: 16px;  background-image: url(images/borders/round/top.gif)}
td.round-topRight { width: 16px; height: 16px; background-image: url(images/borders/round/topRight.gif)}			 
td.round-right { width: 16px; background-image: url(images/borders/round/right.gif)}
td.round-bottomRight { width: 16px; height: 16px; background-image: url(images/borders/round/bottomRight.gif)}	
td.round-bottom { height: 16px; background-image: url(images/borders/round/bottom.gif)}
td.round-bottomLeft { width: 16px; height: 16px; background-image: url(images/borders/round/bottomLeft.gif)}	
td.round-left { width: 16px; background-image: url(images/borders/round/left.gif)}
td.round-topLeft { width: 16px; height: 16px; background-image: url(images/borders/round/topLeft.gif)}			 
td.round-center { background-color: white; }

table.page { align: center}
td.page-top { height: 20px;  background-image: url(images/borders/page/top.gif)}
td.page-topRight { width: 28px; height: 20px; background-image: url(images/borders/page/topRight.gif)}			 
td.page-right { width: 28px; background-image: url(images/borders/page/right.gif)}
td.page-bottomRight { width: 28px; height: 38px; background-image: url(images/borders/page/bottomRight.gif)}	
td.page-bottom { height: 38px; background-image: url(images/borders/page/bottom.gif)}
td.page-bottomLeft { width: 28px; height: 38px; background-image: url(images/borders/page/bottomLeft.gif)}	
td.page-left { width: 28px; background-image: url(images/borders/page/left.gif)}
td.page-topLeft { width: 28px; height: 20px; background-image: url(images/borders/page/topLeft.gif)}			 
td.page-center { background-color: white  }

td.page-topRightRound { width: 28px; height: 20px; background-image: url(images/borders/page/topRightRound.gif)}			 
td.page-topLeftRound { width: 28px; height: 20px; background-image: url(images/borders/page/topLeftRound.gif)}	
.premiere_ligne{
  height: 10px;
}
.deuxieme_ligne{
  background-color: green;
  margin-top: 20px;

}

.bloc1 {
float: left;
width : 150px;
margin-left: 5px;
  margin-top: 14px;
}

.centre {
margin-left: 160px;
margin-top: 10px;
}

.bloc_1_plan {
float: left;
width : 250px;
margin-left: 5px;
margin-top: 14px;
}

.centre_plan {
margin-left: 260px;
margin-top: 10px;
}

button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    font:14px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
    font-weight: bold;
}
button.bouton span { 
    float:left; 
    padding:0 0 0 22px;        /* Largeur du côté gauche */ 
    vertical-align:middle; 
    background:url(images/bouton_g.png) left top no-repeat; 
}

button.bouton span span { 
    padding:0 20px 0 0;        /* Largeur du côté droit */ 
    background:url(images/bouton_d.png) right top no-repeat; 
}
button.bouton span span span { 
    height:40px;        /* Hauteur du bouton */ 
    padding:0; 
    line-height:1.7;    /* Alignement vertical du texte */ 
    background:url(images/bouton.png) left top repeat-x; 
}
/* Correction des bug Internet Explorer */ 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}
/* Liens stylisés sur le même modèle */
a.bouton, 
button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    font:12px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
    font-weight: bold;
    text-decoration: none;
    color: #000000;
} 
a.bouton span, 
button.bouton span { 
    float:left; 
    padding:0 0 0 22px;        /* Largeur du côté gauche */ 
    vertical-align:middle; 
    background:url(images/bouton_g.png) left top no-repeat;  
} 
a.bouton span span, 
button.bouton span span { 
    padding:0 20px 0 0;        /* Largeur du côté droit */ 
    background:url(images/bouton_d.png) right top no-repeat; 
} 
a.bouton span span span, 
button.bouton span span span { 
    height:40px;        /* Hauteur du bouton */ 
    padding:0; 
    line-height:2.2;    /* Alignement vertical du texte */ 
    background:url(images/bouton.png) left top repeat-x; 
} 
 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}