#home{
overflow:hidden;
zoom:1;
}
#home .gauche{
float:left;
width:420px;
}
#home .droite{
float:right;
width:500px;
}
/* PRESENTATION HOME */
#home .gauche .presentation_home{
margin:0 0 25px;
padding:0 0 4px;
background:url(../../images/commun/b_presentation_home.gif) no-repeat left bottom;
}
#home .gauche .presentation_home h2{
padding:17px 0 0 20px;
height:38px;
background:url(../../images/commun/h_presentation_home.gif) no-repeat;
}
#home .gauche .presentation_home div{
padding:0 19px;
border-right:1px solid #ececec;
border-left:1px solid #ececec;
background:#ececec url(../../images/commun/f_presentation_home.gif) repeat-x;
overflow:hidden;
zoom:1;
}
#home .gauche .presentation_home div img{
float:left;
margin:0 14px 10px 0;
}
#home .gauche .presentation_home ul{
overflow:hidden;
}
#home .gauche .presentation_home div li{
padding:0 0 10px 25px;
background:url(../../images/commun/puces/12.gif) no-repeat;
}
#home .gauche .presentation_home a{
font-size:13px;
font-weight:bold;
color:#4d586a;
text-decoration:none;
}
#home .gauche .presentation_home a:hover{
text-decoration:underline;
}
/* DEMO */
#home .droite #demo{
margin:0 0 20px 0;
}
/* QUESTIONS */
#home .droite .questions{
background:url(../../images/commun/b_questions.gif) no-repeat bottom left;
padding:0 0 4px 0;
margin:0 0 20px 0;
}
#home .droite .questions .f_questions{
background:url(../../images/commun/f_questions.gif) repeat-y;
border-left:1px solid #ececec;
border-right:1px solid #ececec;
padding:0 14px 0 0;
overflow:hidden;
zoom:1;
}
#home .droite .questions .f_questions .col1{
float:left;
width:154px;
background:url(../../images/commun/f_questions.jpg) no-repeat;
padding:211px 0 36px 26px;
}
#home .droite .questions .f_questions .col2{
float:right;
width:286px;
padding:5px 0 0 0;
}
#home .droite .questions .f_questions .col2 .item{
background:url(../../images/commun/sep2.gif) repeat-x bottom;
padding:0 0 5px 0;
margin:0 0 5px 0;
}
#home .droite .questions .f_questions .col2 .item blockquote{
background:url(../../images/commun/f_question.gif) no-repeat top left;
padding:15px 0 0 0;
margin:0 0 5px 0;
}
#home .droite .questions .f_questions .col2 .item blockquote p{
background:#ecf8ff url(../../images/commun/f_question.gif) no-repeat -966px bottom;
padding:10px;
}
#home .droite .questions .f_questions .col2 .item blockquote p a{
font-size:13px;
font-weight:bold;
color:#4d586a;
text-decoration:none;
}
#home .droite .questions .f_questions .col2 .item blockquote p a:hover{
text-decoration:underline;
}
#home .droite .questions .f_questions .col2 .item .auteur{
font-size:11px;
color:#6ea4d7;
}
#home .droite .questions .f_questions .col2 .tous{
background:url(../../images/commun/puces/5.gif) no-repeat 0px 4px;
font-size:12px;
color:#4c5769;
line-height:30px;
padding:0 0 0 10px;
}
#home .droite .questions .f_questions .col2 .tous:hover{
text-decoration:none;
}
/* MODELES */
#home .droite .ligne2blocs{
margin:0 0 20px 0;
overflow:hidden;
zoom:1;
}
#home .droite .ligne2blocs .modeles{
float:left;
width:240px;
background:url(../../images/commun/b_modeles.gif) no-repeat bottom;
padding:0 0 4px 0;
margin:0;
}
/* MODELES */
.encart_outils{
float:right;
margin:0;
width:240px;
background-image:url(../../images/commun/b_outils_home.gif);
}
.encart_outils h2{
background-image:url(../../images/commun/h_outils_pratiques_home.png);
}
.encart_outils .f_outils{
padding-left:12px;
}
/* SWITCHBLOCK */
#home .droite .dossier{
margin:0 0 20px 0;
}
#home .droite .dossier .titre{
position:relative;
}
#home .droite .dossier .titre .bt_defil{
display:none;
}
#home .droite .dossier .titre #indices_sb_dossier{
position:absolute;
width:60px;
top:15px;
right:10px;
z-index:2;
}
#home .droite .dossier .titre #indices_sb_dossier li{
float:left;
}
#home .droite .dossier .titre #indices_sb_dossier li a{
display:block;
outline:none;
background-image:url(../../images/commun/bt_sb.gif);
width:15px;
height:20px;
text-indent:-9999px;
margin:0 5px 0 0;
overflow:hidden;
zoom:1;
}
#home .droite .dossier .titre #indices_sb_dossier li a#indices_sb_dossier_1{
background-position:0 0;
}
#home .droite .dossier .titre #indices_sb_dossier li a#indices_sb_dossier_1.off,
#home .droite .dossier .titre #indices_sb_dossier li a#indices_sb_dossier_1:hover{
background-position:0 -20px;
}
#home .droite .dossier .titre #indices_sb_dossier li a#indices_sb_dossier_2{
background-position:-15px 0;
}
#home .droite .dossier .titre #indices_sb_dossier li a#indices_sb_dossier_2.off,
#home .droite .dossier .titre #indices_sb_dossier li a#indices_sb_dossier_2:hover{
background-position:-15px -20px;
}
#home .droite .dossier .titre #indices_sb_dossier li a#indices_sb_dossier_3{
background-position:-30px 0;
}
#home .droite .dossier .titre #indices_sb_dossier li a#indices_sb_dossier_3.off,
#home .droite .dossier .titre #indices_sb_dossier li a#indices_sb_dossier_3:hover{
background-position:-30px -20px;
}
#home .droite .dossier .ensemble{
background:#ebebeb url(../../images/commun/f_sb.png) no-repeat center top;
height:232px;
overflow:hidden;
zoom:1;
}
#home .droite .dossier #sb_dossier{
position:relative;
float:left;
width:402px;
height:232px;
overflow:hidden;
zoom:1;
}
#home .droite .dossier #sb_dossier .overlay{
display:none;
}
#home .droite .dossier #liste_sb_dossier{
padding:16px 0 0 0;
overflow:hidden;
zoom:1;
}
#home .droite .dossier #precedent_sb_dossier,
#home .droite .dossier #suivant_sb_dossier{
display:block;
float:left;
outline:none;
background-image:url(../../images/commun/bt_sb.gif);
width:23px;
height:27px;
text-indent:-9999px;
margin:75px 0 0 0;
overflow:hidden;
zoom:1;
}
#home .droite .dossier #precedent_sb_dossier{
background-position:-45px -27px;
margin:75px 40px 0 0;
}
#home .droite .dossier #suivant_sb_dossier{
float:right;
background-position:-68px -27px;
}
#home .droite .dossier #precedent_sb_dossier:hover{
background-position:-45px -54px;
}
#home .droite .dossier #suivant_sb_dossier:hover{
float:right;
background-position:-68px -54px;
}
#home .droite .dossier #precedent_sb_dossier.off,
#home .droite .dossier #precedent_sb_dossier.off:hover{
cursor:default;
background-position:-45px 0;
}
#home .droite .dossier #suivant_sb_dossier.off,
#home .droite .dossier #suivant_sb_dossier.off:hover{
cursor:default;
float:right;
background-position:-68px 0;
}
#home .droite .dossier .item{
float:left;
width:170px;
height:232px;
padding:0 31px 0 0;
}
#home .droite .dossier .item h3{
height:18px;
background:#ececec;
font-size:10px;
color:#4d586a;
text-transform:uppercase;
text-align:center;
padding:9px 0 0 0;
}
#home .droite .dossier .item h3 a{
color:#4d586a;
text-decoration:none;
}
#home .droite .dossier .item .visuel{
background:#ececec;
text-align:center;
padding:3px;
}
#home .droite .dossier .item .lien{
background:#6ea4d7 url(../../images/commun/b_item_sb.gif) repeat-x bottom;
height:58px;
text-align:center;
border-top:1px solid #fff;
padding:10px 5px 0 5px;
}
#home .droite .dossier .item .lien a{
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#home .droite .dossier .tous{
background:url(../../images/commun/b_sb.gif) no-repeat;
line-height:30px;
padding:0 15px;
}
#home .droite .dossier .tous a{
color:#4d586a;
background:url(../../images/commun/puces/2.gif) no-repeat center left;
padding:0 0 0 10px;
}
#home .droite .dossier .tous a:hover{
text-decoration:none;
}