html
{
background: #5a0000 url(../images/backg-rouge.png) repeat;
}


body.b1 { 
background:url(../images/backg-rouge.jpg);
}
body.b2 { 
background:url(../images/backg-rouge-bulletin.jpg);
}


body{
margin:0;
font:Arial, Helvetica, sans-serif;
font-size:12px;
width: 100%;
display: table;
font-family:Arial, Helvetica, sans-serif;
}

img { 
border:none;
}

#container{
width: 840px;
margin: 0 auto;
padding: 0;
position: relative;
overflow:hidden;
}

#container-bulletin{
width: 496px;
margin: 0 auto;
padding: 0;
position: relative;
overflow:hidden;
}

.msg_erreur{
	font-weight: bold;
	text-align:center;
	padding: 8px;
	margin: 6px;
	border: 2px solid #CC0000;
	color: #CC0000;
	background-color: #FED8D8;
	margin-top: 8px;
}

.msg_success{
	font-weight: bold;
	text-align:center;
	padding: 8px;
	margin: 6px;
	border: 2px solid #009900;
	color: #009900;
	background-color: #DBFFCE;
	margin-top: 8px;
}

.erreur_loc{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 11px;
	font-style: italic;
	/*display: block;*/
	margin-left: 0px;
}
.autodatatable{
}

.autodatatable th{
	font-size: 11px;
	border-bottom: 1px solid #674218;
	background-color: #b2a38b;
	color:#FFFFFF;
}

.autodatatable .td1{
	font-size: 11px;
	background-color: #b2a38b;
}

.autodatatable .td2{
	font-size: 11px;
	background-color: #cab99e;
}

/*________________________________________________________________________________HEADER______________________________________________________________________________________*/

#header{
margin:0 auto;
padding:0;
background-image:url(../images/header.png);
width:840px;
height:149px;
}

#header-bulletin{
margin:0 auto;
padding:0;
background-image:url(../images/header.png);
width:496px;
height:188px;
}

#textelegal{
position:absolute;
padding: 8px 0 0 600px;
font-size:10px;
color:#999999;
}
.textelegal a {
font-size:10px;
color:#999999;
}
.textelegal a:hover{
color:#8b8986;
text-decoration:none;
}
#menuhaut{
position:absolute;
margin: 132px 0 0 590px;
font: bold 10px Arial;
color:#FFFFFF;
text-transform: uppercase;
}

#menuhaut a{
color:#FFFFFF;
text-decoration:none;
}

#menuhaut a:hover{
color:#8b8986;
text-decoration:none;
}


/*________________________________________________________________________________MENU______________________________________________________________________________________*/

.menu{
width: 180px;
min-height: 560px;
}

.menu .headerbar{
width:180px;
font: bold 14px Arial;
color: #83827F;
background: url(../images/backg-petitbtn.gif) no-repeat 9px;
margin: 0 0 0 16px;
text-transform: uppercase;
padding: 17px 0 6px 24px;
}

.menu #grosmenu{
width:180px;
font: bold 14px Arial;
color: #83827F;
background: url(../images/backg-grosbtn.png) no-repeat 9px;
margin: 0 0 0 16px;
text-transform: uppercase;
padding: 16px 0 9px 24px;
}

.menu #menufonce{
width:180px;
font: bold 14px Arial;
color: #e1e1db;
background: url(../images/backg-petitbtnfonce.png) no-repeat 9px;
margin: 0 0 0 16px;
text-transform: uppercase;
padding: 17px 0 6px 24px;
}

.menu #menufonce a{
color: #e1e1db;
text-decoration: none;
display: block;
}

.menu .headerbar a{
text-decoration: none;
display: block;
color: #83827F;
}

.menu .bigheaderbar a{
text-decoration: none;
display: block;
color: #83827F;
}

.menu ul{
list-style-type: none;
margin: 0;
color: #7C7778;
padding: 0 0 0 10px;
margin: 3px 0 2px 12px;
}

.menu ul li{
padding:0; /*bottom spacing between menu items*/
color: #7C7778;
}

.menu ul li a{
font: normal 12px Arial;
display: block;
padding: 0 0 0 20px;
line-height: 17px;
padding-left: 14px; /*link text indent*/
text-decoration: none;
color:#7C7778;
}

.menu ul li a:hover{
color:#BF1E2D;
text-decoration:none;
list-style:none;
}

.menu #menufonc2e{
width:180px;
font: bold 14px Arial;
color: #BF1E2D;
background: url(../images/backg-petitbtnfonce.png) no-repeat 9px;
margin: 0 0 0 16px;
text-transform: uppercase;
padding: 17px 0 6px 24px;
}

.menu #menufonce2 a{
color: #7C7778;
text-decoration: none;
display: block;
}
.menu #menufonce2 a:hover{
color: #BF1E2D;
text-decoration: none;
display: block;
}

a{
color: #7C7778;
text-decoration: none;
}
a:hover{
color: #BF1E2D;
text-decoration: none;

}



/*________________________________________________________________________________CONTENU______________________________________________________________________________________*/

#contenu{
margin:0 auto;
padding:0;
width:840px;
overflow: hidden;
background-image:url(../images/backg-livre.png);
}
#contenu-bulletin{
margin:0 auto;
padding:0;
width:496px;
overflow: hidden;
background-image:url(../images/backg-livre-bulletin.png);
}

#col-gauche{
width:222px;
margin:0 auto;
padding-top: 6px;
float:left;
}

#col-gauche-contact{
width:222px;
margin:0;
padding-top: 6px;
float:left;
position:absolute;
bottom: 65px;
left:0;
overflow:hidden;
}

#col-gauche a{
color:#83827F;
}

#col-gauche a:hover{
text-decoration:none;
color:#BF1E2D;
}

#video{
padding:0 0 10px 34px;
}

#bulletin{
padding:40px 0 180px 20px;
float:left;
width:288px;
height:114px;
}

#cas{
padding:0 0 10px 34px;
}

#dividerdouble{
margin:4px 0 4px 16px;
}

#livres{
padding:10px 0 0 8px;
}

#texte-col-gauche{
padding:0 0 0 34px;
}

#texte-col-gauche2{
padding:0 0 0 34px;
}

#col-droite{
width:612px;
margin:0 auto;
padding: 0 0 70px;
float:left;
}

#apprendre{
position:absolute;
padding:200px 0 0 0;
}

#photoaccueil{
}

#sousphoto{
margin:0 auto;
padding:0 0 0 20px;
}

#col-droite a{
color:#83827F;
}

#col-droite a:hover{
text-decoration:none;
color:#BF1E2D;
}

.texte-col-droite{
padding-top:85px;
padding-left:10px;
}

#texte-contenu{
width:612px;
float:left;
margin-top: 20px;
}

#textefull{
width:460px;
float:left;
padding: 16px 40px 100px 20px;
min-height: 800px;
}

#textefullaccueil{
width:800px;
float:left;
padding: 16px 40px 100px 20px;
min-height: 800px;
}

#textegauche-cold{
width:230px;
float:left;
padding:0 0 0 16px;
margin-top: 60px;
}

#textedroite-cold{
background-image:url(../images/carton-garcon.png);
width:350px;
height: 388px;
float:left;
}

#texte-calepin{
width:200px;
padding: 42px 0 0 106px;
}

#logiciel{
background-image:url(/images/logicielTemplate.png);
width:432px;
height:412px;
}

#livre{
background-image:url(/images/livreTemplate.png);
width:432px;
height:504px;
}

.communiquer{
font-size:20px;
line-height:20px;
font-weight:bold;
color:#83827F;
}

#dividerdouble{
padding: 0 0 2px 10px;
}

.telephone{
font-size:20px;
font-weight:bold;
color:#46463f;
}

.adresse{
font-size:12px;
color:#83827F;
}

.titrerouge{
padding-bottom:10px;
color:#BF1E2D;
font-weight:bold;
font-size:26px;
line-height:26px;
}

.soustitrenoir{
padding-bottom:10px;
margin:0;
color:#000000;
font-size:18px;
line-height:20px;
}

.textenoir{
color:#000000;
font-size:12px;
line-height:15px;
font-weight: normal;
padding-bottom: 10px;
}

.textenoir ul{
list-style:circle;
}

.textenoirsm{
color:#666666;
font-size:10px;
line-height:12px;
font-weight: normal;
padding-bottom: 10px;
}

.grisunderline{
padding-top: 10px;
color:#BF1E2D;
font-size:12px;
line-height:15px;
font-weight: normal;
text-decoration:none;
}
.tablematieres{
color:#BF1E2D;
font-size:12px;
line-height:18px;
font-weight: normal;
text-decoration:none;
}
.tablematieres ul li{
text-decoration:none;
list-style:circle;
color:#83827F;
}
.tablematieres ul li a{
text-decoration:none;
list-style:circle;
color:#00CC66;
}
ul li a:hover{
text-decoration:none;
list-style:circle;
color:#BF1E2D;
}

.points{
color:#000000;
font-size:12px;
font-weight: normal;
text-decoration:none;
padding-left:14px;
}
.points li{
list-style:circle;
padding-bottom:6px;
}

.titreorange{
color:#F15A29;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:14px;
font-weight: normal;
padding-bottom: 10px;
}

.soustitrerouge{
color:#BF1E2D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
line-height:18px;
font-weight: normal;
padding-bottom: 10px;
padding-top: 24px;
}

.soustitrerouge2{
color:#BF1E2D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight: normal;
padding-top: 20px;
padding-left:160px;
}
.soustitrerouge3{
color:#BF1E2D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight: normal;
padding-top: 15px;
padding-left:10px;
}
.soustitrerouge2livre{
color:#BF1E2D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight: normal;
padding-top: 20px;
padding-left:15px;
}

.soustitregris{
color:#83827F;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:14px;
font-weight: normal;
padding-bottom: 10px;
padding-top: 16px;
}

.soustitrebleu{
color:#14b9d1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:14px;
font-weight: normal;
padding-bottom: 10px;
padding-top: 10px;
}

.soustitrevert{
color:#4f9d47;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:14px;
font-weight: normal;
padding-bottom: 10px;
padding-top: 10px;
}
.posRel {
	position: relative;
}

div#post_it {
	position: absolute;
	left: 288px;
	top: -16px;
}

div#post_it_neuro {
	position: absolute;
	left: 288px;
	top: 1250px;
}

.carre_top{
	background:url(../images/top.png) top left no-repeat;
	height:33px;
	width:432px;
	margin-top:50px;
}
.carre_texte{
	background:url(../images/milieu.png) top left repeat-y;
	width:412px;
	padding-left:50px;
	padding-right:20px;
	padding-top:1px;
}
.carre_bottom{
	background:url(../images/bas.png) bottom left no-repeat;
	height:33px;
	width:432px;
}
.photo_carre{
	float:left;
	width:130px;
}
.info{
	float:left;
	width:220px;

}
.desc{
padding-right:50px;
}
.titre_carre{
	font-size:16px;
	font-weight:bold;
	color:#BF1E2D;
	padding-right:50px;
}

.formation {
	overflow:hidden;
	width:460px;
	padding:10px 0;
}

.formation .image {
	float:left;
	width:110px;
	text-align:center;
}

.formation .details {
	float:left;
	width:340px;
	margin-left:10px;
}

.formation h3 {
	margin:0;
	color:#bf1e2c;
	font-size:18px;
	font-weight:bold;
}

.formation p.view {
	text-align:right;
}

.formation a img {
	border:0;
}

#fancybox-overlay {
	z-index:20000 !important;
}

#fancybox-wrap,
#fancybox-wrap * {
	z-index:20001 !important;
}

/*________________________________________________________________________________FOOTER______________________________________________________________________________________*/
#texte-footer{
width:612px;
height:157px;
background-image:url(../images/footer.png);
overflow:hidden;
position:absolute;
bottom:41px;
right:0;
margin-bottom:30px;
}

#texte-footer-bulletin{
width:496px;
height:226px;
background-image:url(../images/footer-bulletin.png);
overflow:hidden;
position:absolute;

}

#footer{
background-color:#3d3e3d;
width: 798px;
margin-left: 7px;
padding: 15px;
overflow:hidden;
}
#footer-bulletin{
background-image:url(../images/footer-bulletin.png);
width:496px;
height:226px;
overflow:hidden;
}

.liens-footer{
font-size:11px;
float:left;
width:180px;
}

.liens-footer li{
list-style:none;
color:#7C7778;
}

.liens-footer ul{
list-style:none;
margin:0;
padding: 50px 0 20px 10px;
}

.liens-footer ul li a{
color:#7C7778;
text-decoration:none;
list-style:none;
}

.liens-footer ul li a:hover{
color:#BF1E2D;
text-decoration:none;
list-style:none;
}
#footer-right{
margin-right:10px;

}

#logo_trinergie{
background-image:url(../images/logo-trinergie.png);
width:95px;
height:29px;
float:right;
margin-left:20px;
border-left-color:#fff;
border-left-style:solid;
border-left-width:1px;
margin-top:5px;
}

#footer img{
padding-bottom:5px;
}

#footer-txt01{
font-family:Arial, Verdana, sans-serif;
font-size:9px;
color:#FFFFFF;
float:left;
margin-top:1px;
padding-top:13px;
}

#footer-txt02{
font-family:Arial, Verdana, sans-serif;
/*margin-left:130px;*/
font-size:9px;
color:#FFFFFF;
text-align:right;
margin-top:1px;
padding-top:13px;
}

#footer-txt02 a{
text-decoration:none;
color:#FFFFFF;

}



.livre{
padding-left:175px;
margin-top:18px;
}
.livre1{
padding-left: 175px; padding-top: 25px;
}
.livre2{
padding-left: 175px; padding-top: 25px; font-size:8px;
}
.livre3{
padding-left: 175px; padding-top: 5px;}


.commande1{margin-top: 87px; margin-left: 305px; color: #ffffff;}
.commande2{margin-top: 10px; margin-left: 305px; color: #ffffff;  }
.commande3{margin-top: 44px; margin-left: 305px; color: #ffffff;}
.commande4{margin-top: 72px; margin-left: 305px; color: #ffffff;}
.commande5{margin-top: 162px; margin-left: 305px; color: #ffffff;}
.commande6{margin-top: 27px; margin-left: 305px; color: #ffffff; }
.commande7{margin-top: 5px; margin-left: 305px; color: #ffffff;}
.commande8{margin-top: 145px; margin-left: 305px; color: #ffffff;}
.commande9{margin-top: 87px; margin-left: 305px; color: #ffffff;}
.commande10{margin-top: 117px; margin-left: 305px; color: #ffffff;}
.commande11{margin-top: 90px; margin-left: 300px; color: #ffffff;}
.commande12{margin-top: 106px; margin-left: 300px; color: #ffffff;}
.commande13{margin-top: 30px; margin-left: 300px; color: #ffffff;}
.commande14{margin-top: 34px; margin-left: 300px; color: #ffffff;}
.commande15{margin-top: 42px; margin-left: 305px; color: #ffffff;}
.commande16{margin-top: 29px; margin-left: 305px; color: #ffffff;}
.commande20{margin-top: 47px; margin-left: 300px; color: #ffffff;}
.commande21{margin-top: 107px; margin-left: 300px; color: #ffffff;}
.commande22{margin-top: 105px; margin-left: 300px; color: #ffffff;}
.commande23{margin-top: 122px; margin-left: 300px; color: #ffffff;}
.commande24{margin-top: 64px; margin-left: 300px; color: #ffffff;}
.commande25{margin-top: 106px; margin-left: 300px; color: #ffffff;}
.commande26{margin-top: 32px; margin-left: 300px; color: #ffffff;}

.logiciel1{padding-left: 175px; padding-top: 25px;}
.outils{padding-left: 185px; padding-top: 28px;}
.outils1{padding-left: 243px; padding-top: 2px;}
.outils3{padding-left: 168px; padding-top: 17px;}

.outils2{padding-left: 155px; padding-right:15px;}
#autres_outils{
background-image:url(/images/template_outils.png);
width:400px;
height:309px;
}
.commande_outils{margin-top: 48px; margin-left:300px; color: #ffffff;}
.commande_outils2{margin-top: 93px; margin-left:300px; color: #ffffff;}


/*
Fade in fade out jquery
*/

.fade {
    position:relative;
    height:auto;
}

.fade div {
    position:absolute;
    top:0;
    left:0;
    z-index:10008;
    opacity:0.0;
    height:auto;
}

.fade div.active {
    z-index:10010;
    opacity:1.0;
}

.fade div.last-active {
    z-index:10009;
}

.fade div img {
    height:auto;
    display: block;
    border: 0;
}