body {background: url(../images/bg_index.jpg) repeat-x;}
#content {margin: 0; background: none;}

/**
 * Caroussel
 */
#caroussel {width: 980px; height: 360px; margin: 1px 0 0 0; position: relative;}
#caroussel #caroussel_slide {width: 980px; height: 360px;}
#caroussel #caroussel_slide ul#bxslider {height: 360px; list-style : none;}
#caroussel #caroussel_slide ul#bxslider li {width: 980px; height: 360px;}
#caroussel #caroussel_pager {position: absolute; left: 0; right: 0; bottom: 50px; z-index: 10; text-align: center;}
#caroussel #caroussel_pager a {display: inline-block; margin: 0 0 0 4px; width: 14px; height: 14px; background: url(../images/caroussel_pager.png) left top no-repeat; text-indent: -9999px;}
#caroussel #caroussel_pager a:hover {background: url(../images/caroussel_pager.png) left bottom no-repeat;}
#caroussel #caroussel_pager a.pager-active {background: url(../images/caroussel_pager.png) left bottom no-repeat;}
/*#caroussel a#prev {display: block; width: 25px; height: 44px; position: absolute; top: 194px; left: 7px; background: url(../images/caroussel_nav.png) left top no-repeat;}
#caroussel a#prev:hover {text-decoration: none;}
#caroussel a#next {display: block; width: 25px; height: 44px; position: absolute; top: 194px; right: 7px; background: url(../images/caroussel_nav.png) right top no-repeat;}
#caroussel a#next:hover {text-decoration: none;}*/

/**
 * Réseaux sociaux
 */
#content_social_actu {position: relative; top: -20px;}
#reseaux_sociaux {float: left; width: 300px; margin: 25px 0 0 21px;}
#reseaux_sociaux .titre {font-size: 14px; color: #587180; margin: 0 0 10px 0;}
#reseaux_sociaux .reseau a {display: block; height: 30px; line-height: 30px; margin: 0 0 10px 0; padding: 0 0 0 60px; font-weight: bold;}
#reseaux_sociaux .linkedin a {background: url(../images/ico_linkedin.png) no-repeat;}
#reseaux_sociaux .youtube a {background: url(../images/ico_youtube.png) no-repeat;}
#reseaux_sociaux .twitter a {background: url(../images/ico_twitter.png) no-repeat;}

/**
 * Actualités
 */
#actualites_accueil {float: right; width: 560px; margin: 0 21px 0 0;}
#actualites_accueil #actualites_slide {}
#actualites_accueil #actualites_slide ul#actualites_bxslider {list-style : none;}
#actualites_accueil #actualites_slide ul#actualites_bxslider li {width: 560px;}
#actualites_accueil #actualites_slide ul#actualites_bxslider li .actualite {width: 560px;}
#actualites_accueil #actualites_slide ul#actualites_bxslider li .actualite a.illustration {float: left; display: block; margin: 0 30px 0 0;}
#actualites_accueil #actualites_slide ul#actualites_bxslider li .actualite p.titre {font-size: 18px; font-style: italic; color: #587180;}
#actualites_accueil #actualites_slide ul#actualites_bxslider li .actualite p.date {font-size: 12px; color: #587180; margin: 0 0 10px 0;}
#actualites_accueil #actualites_slide ul#actualites_bxslider li .actualite .resume {font-size: 12px; color: #587180; margin: 0 0 10px 0;}
#actualites_accueil #actualites_slide ul#actualites_bxslider li .actualite p.savoir_plus a {font-size: 12px; font-weight: bold; color: #009ee0; padding: 0 0 0 12px; background: url(../images/puce1.png) 0px 4px no-repeat;}

/**
 * Logiciels
 */
#logiciels {padding: 0 21px 21px 21px;}
#logiciels .logiciel {float: left; width: 227px; height: 319px; margin: 0 10px 0 0; position: relative; background: url(../images/bg_bloc_accueil.png) no-repeat;}
#logiciels .logiciel p.titre {font-size: 22px; font-style: italic; color: #f0f0f0; text-transform: uppercase; margin: 15px 0 0 22px;}
#logiciels .logiciel p.titre a {color: #f0f0f0;}
#logiciels .logiciel p.resume {font-size: 12px; color: #d2d2d2; margin: 12px 22px;}
#logiciels .logiciel p.resume a {color: #d2d2d2;}
#logiciels .logiciel p.resume a:hover {text-decoration: none;}
#logiciels .logiciel p.illustration {}
#logiciels .logiciel p.savoir_plus {position: absolute; left: 41px; bottom: 15px; text-align: center;}
#logiciels .logiciel p.savoir_plus a {display: block; width: 145px; height: 32px; line-height: 32px; font-size: 12px; color: #fff; background: url(../images/btn_savoir_plus.png) no-repeat;}
#logiciels .logiciel p.savoir_plus a:hover {text-decoration: none;}
#logiciels .last {margin: 0;}