html, body {
margin:0px;
padding:0px;
/*background:url('../images/background.jpg') repeat-x #fff;*/
background:#f6f6f4;
font-family:Helvetica, Arial;
color:#484848;
font-size:9.5pt;
}

#wrapper {
background:url('../images/background.jpg') no-repeat #fff;
width:914px;
margin:0 auto;
padding:50px;
_width:914px;
overflow:hidden;
}

h1#toplogo {
display:block;
width:902px;
height:89px;
text-indent:-9009px;
background:transparent url('../images/toplogo.png') no-repeat 0 0;
margin-bottom:15px;
}

h1#toplogo a {
display:block;
width:100%;
height:100%;
outline:none;
}

a:link, a:visited, a:active {
color:#333;
text-decoration:none;
}

a:hover {
color:#336699!important;
text-decoration:underline;
}

a.a:link, a:visited, a:active {
color:#333;
text-decoration:none;
}

a.a:hover {
color:#336699!important;
text-decoration:none;
}

#sidebar h3 {
background:#336699;
text-transform:uppercase;
color:white;
padding:7px;
margin:0px 0px 5px 0px;
font-size:14px;
/*border:1px solid #247;*/
}

#sidebar h3 a {
color:white;
text-decoration:none;
}

#sidebar li a:hover {
text-decoration:none;
}

#sidebar h3 a:hover {
text-decoration:none;
color:#fff!important;
}

#sidebar ul {
margin:10px 10px 10px 10px;
padding:0px;
padding-left:10px;
}

#sidebar li {
list-style:url('../images/guillemet.png');
margin:0;
padding:0px;
padding:5px 0px 5px 0px;
border-bottom:1px dashed #336699;
text-transform:lowercase;
font-size:15px;
margin-right:6px;
}

#sidebar li:hover {
background:#d1dfec;
}

#sidebar #infolettre {
margin-bottom:30px;
}

#sidebar #infolettre h2 {
text-transform:uppercase;
color:#336699;
font-size:29px;
letter-spacing:-0.3px;
padding:0px;
}

#sidebar {
width:180px;
float:left;
margin-right:10px;
}

#sidebar #infolettre {
margin-top:30px;
}

.bouton {
background-color:#545454;
color:#fff!important;
padding:3px;
font-weight:bold;
text-decoration:none!important;
text-align:center;
box-shadow:2px 2px 2px #aaa;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
font-size:11px!important;
}

.bouton:hover {
background-color:#336699;
color:#fff!important;
}

#content {
float:left;
width:712px;
}

#content .boite {
background:white;
padding:10px;
width:900px;
margin-bottom:30px;
border:1px solid #ddd;
border-bottom:1px solid #888;
border-right:1px solid #888;
box-shadow:2px 2px 2px #aaa;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
}

#content .boitebeige {
background:#f0f0f0;
padding:10px;
width:900px;
margin-bottom:30px;
border:1px solid #ddd;
border-bottom:1px solid #888;
border-right:1px solid #888;
box-shadow:2px 2px 2px #aaa;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
}

#content .boiteblanche {
background:#fff;
padding:10px;
width:920px;
margin-bottom:30px;
border:1px solid #ddd;
border-bottom:1px solid #888;
border-right:1px solid #888;
box-shadow:2px 2px 2px #aaa;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
}



#content .conferencier {
width:120px;
float:left;
margin:4px;
padding:4px;
overflow:hidden;
}

#content .conferencier h3 {
color:#545454;
text-transform:uppercase;
font-size:11.2px;
}

#content .beige  {
background:#f0f0f0;
}

#content .blanc {
}

#content .boite p {
padding:10px;
padding-left:3px;
}
#content .boite h2 {
color:#336699;
text-transform:uppercase;
border-bottom:1px dashed #336699;
padding:2px;
width:540px;
font-size:18px;

}

a.bouton {
float:right;
text-transform:lowercase!important;
}

#content .boite-sans-style h2 {
background:#336699;
text-transform:uppercase;
color:white;
padding:7px;
margin:20px 0px 5px 0px;
margin-top:20px!important;
width:100%;
font-size:18px;
}

#content .boite-sans-style-2 h2 {
color:#336699;
text-transform:uppercase;
border-bottom:1px dashed #336699;
padding:2px;
width:100%;
font-size:18px;
margin-bottom:15px;
}

#content .boite-sans-style ul, #content .boite-sans-style li {
margin:0px
padding:0px;
}

#content .boite-sans-style li {
list-style:url(images/guillemet.png);
}

#content .boite-sans-style h2 {
margin-bottom:15px;
}

#sidebar #infolettre form {
border-top:1px dashed #336699;
border-bottom:1px dashed #336699;
padding:5px;
}

h2#experiences {
display:block;
width:182px;
height:51px;
text-indent:-9009px;
background:transparent url('../images/experiences.png') no-repeat 0 0;
margin-top:40px;
}

.droitefloat {
width:150px;
float:right;
margin-right:15px;
text-align:center;
}

.autres-conferenciers {
width:135px;
float:left;
padding:5px;
height:330px;
}

.autres-conferenciers h3 {
font-size:12px!important;
text-transform:uppercase;
color:#333!important;
}

.autre-conferencier {
border-bottom:1px dashed #336699;
margin:10px 5px;
vertical-align:top;
}

.autres-conferenciers .turq {
padding-top:0.01px;
}
.turq {
background:#d1dfec;
}

.sous-conferenciers {
width:540px;
float:left;
padding:5px;
padding-top:15px;
height:65px;
}

ul#chroniques {
list-style:none;
width:875px;
_margin-top:-150px;
}

#chroniques h2 {
width:100%;
}

ul#chroniques li img {
margin-bottom:40px!important;
}

ul#concepts {
width:100%;
list-style:none;
margin:0px;
padding:0px;
}

ul#concepts li img {
float:left;
margin-right:20px;
margin-bottom:60px;
}

ul#concepts li {
margin-top:20px;
margin-bottom:10px;
}

ul#concepts li img {
float:left;
}

ul#concepts li p {
width:270px;
float:left;
}

ul#chroniques a {
text-transform:uppercase;
color:#336699;
text-decoration:underline;
}

ul#chroniques h4 a {
text-decoration:none;
color:#555;
text-transform:none;
font-size:15px;

}

span.bigraquo {
display:block;
width:20px;
height:10px;
background:url('../images/raquo.png') no-repeat;
float:left;
margin-top:4px;
}

a.suite {
font-size:12px;
text-decoration:underline;
color:#777;
text-transform:uppercase;
letter-spacing:-0.1px;
font-weight:bold;

}

.boite h3, .boite-sans-style-2 h3 {
font-size:18px;
margin:10px 0px 10px 0px;
color:#336699;
}

ul#chroniques h4 {
font-size:14px;
color:#555;
margin-bottom:15px;
}

ul#chroniques {
padding:5px;
}

ul#chroniques img {
float:right;
margin-left:15px;
margin-top:-20px;
}

br.clearfix {
clear:both;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;clear:both;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#clients .conferencier, #temoignages .conferencier {
float:none;
width:auto;
padding:10px;
}

.gauchefloat {
float:left;
width:120px;
margin-right:40px;
}

ul.liste {
list-style:url('../images/guillemet.png');
padding-top:10px;
padding-bottom:30px;
}

h2.full {
width:99%!important;
}

h2.gradgris {
border:none!important;
color:#fff!important;
width:auto!important;
background:url('../images/gradgris.png') repeat-y #fff;
margin-bottom:15px;
padding:3px!important;
padding-left:15px!important;
text-shadow:1px 1px 5px #000;
}

.boite-sans-style-2 {
margin-bottom:30px;
}

.boite-sans-style-2 .logos {
letter-spacing:20px;
margin-top:30px;
margin-bottom:30px;
}

.boite-sans-style-2 .logos img {
width:80px;
}

.current {
background-color:#d2dde1;
}

#clients table, #temoignages table {
width:100%;
}

#clients table .conferencier, #temoignages table .conferencier {
width:120px;
}

#clients td.conferencier, #temoignages td.conferencier {
text-transform:uppercase;
font-weight:bold;
color:#336699;
text-align:right;
}

#clients {
background:url('../images/clients-back.png') 10px 40px no-repeat white !important;
}

#temoignages {
background:url('../images/temoignages-back.png') no-repeat white !important;
}

#footer {
text-align:center;
width:100%;
margin-top:75px;
margin-left:70px;
}

#copyright {
text-align:center;
width:100%;
margin-left:-25px;
margin-top:25px;
}

#conferenciers td {
padding:10px 10px 10px 10px!important;
}

#conferenciers td img {
margin-left:-7px;
}

#conferenciers p {
padding:0px!important;
}

#conferenciers td h3 {
text-transform:uppercase;
margin-top:0px;
font-size:14px;
}

p.turq {
padding:5px;
}

ul#concepts li p {
padding:5px;
}

.boite-sans-style-2 #chroniques {
width:730px!important;
}

.boite-sans-style-2 #chroniques p {
width:430px;
}

ul#chroniques_page  {
list-style:none;
}

ul#chroniques_page img {
float:right;
_margin-bottom:-250px;
}

ul#chroniques_page p {
width:400px;
text-align:justify;
margin-top:15px;
}

ul#chroniques_page h4 {
font-size:13pt;
}

#journauxlogos {
margin-left:5px;
}

#galerie-presse h3 {
font-size:14px;
text-transform:uppercase;
margin-top:-3px;
}

#galerie-presse h2.grad-gris {
margin-top:30px;
}

#galerie-presse td {
padding:5px;
padding-bottom:20px!important;
}


#galerie-presse a.galleriebouton img {
margin-top:-13px;
margin-right:10px;
}

#galerie-presse a.galleriebouton {
position:relative;
top:20px;
display:block;
margin-bottom:50px;
text-decoration:underline;
color:#545454;
}

#galerie-presse h4 {
color:#369;
font-size:13px;
}

#galerie-presse h5 {
font-size:13px;
padding:3px;
}

#galerie-presse #voirg {
background:url('../images/droite-voirg.png') no-repeat top right #f0f0f0;
padding:20px;
margin-bottom:20px;
}

#voirgrand {
padding:15px!important;
}

#voirgrand .gauche {
width:405px;
float:left;
margin-right:20px;
}


#voirgrand .droite {
width:260px;
float:left;
}

#voirgrand div.gradblue {
background:url('../images/grd-lblue.png') repeat-x #fff;
border:1px solid #d5e5ff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:10px;
}

#voirgrand .droite h3 {
text-transform:uppercase;

}

#voirgrand .droite .petitg {
float:right;
margin-top:-30px;
}

#voirgrand .droite table {
margin-bottom:20px;
}

#voirgrand .gauche h2.gradgris {
background-position:-210px;
}


#voirgrand .gauche h3 {
text-transform:uppercase;
color:#db462d;
}

#voirgrand .gauche table.vg_videos img {
padding-right:15px;
margin-right:15px;
border-right:1px dashed #369;
}

#voirgrand .gauche table.vg_videos {
font-size:95%;
margin-bottom:40px;
}

#voirgrand .droite table#savoirplus {
color:#369!important;
font-weight:bold;
font-size:120%;
line-height:18px;
margin:0 auto;
}

#voirgrand .droite table#savoirplus img {
margin-right:10px;
}

h2.topgris strong {
font-size:115%;
}

h2.topgris {
color:white;
padding:12px 0px 7px 15px;
background:#484848;
margin:-3px -4px 10px;;
width:727px;
font-weight:normal;
}

#johanneslogan {
margin:-3px -2px 10px;
}

.textebleu {
color:#0f286a;
padding:10px;
}

.boiteblanche p {
padding:10px;
text-align:justify;
}

.textebleu ul {
margin-top:15px;
padding-left:12px;
}

.floatright {
font-size:10px;
float:right;
margin-right:25px;
margin-left:25px;
}


.blocbleupale {
background:#e5e8ef;
padding:10px;
margin-right:25px;
margin-bottom:20px;
width:490px;
margin-top:20px;
}

#lancement p {
font-size:130%;
line-height:120%;
width:480px;

font-weight:bold;
}

#lancement p big {
}

.blocbleupale table {
width:100%;
}

address {
font-style:normal;
}