@charset "utf-8";

/**********************************/
/*	   COMAXESS CONTENT CSS       */
/**********************************/

div#com_content{
	/*overflow:hidden;*/
	/*padding:0 10px;*/
	min-width:870px;
	max-width:1280px;
	margin: 10px auto;
	min-height:450px;
	position:relative;
}


div#com_content #content_frame {
	background-color: #FFFFFF;
    margin: 10px 0;
    padding: 0 0.75%;
    position: relative;
    width: 98.5%;
}
div#com_content #content_frame #corner_tl {
	position:absolute;
	top:-10px;
	left:0;
	background:url('../img/body-bg-top-left.png') no-repeat 0 0;
	width:10px;
	height:10px;
}
div#com_content #content_frame #corner_tr {
	position:absolute;
	top:-10px;
	right:0;
	background:url('../img/body-bg-top-right.png') no-repeat 0 0;
	width:30px;
	height:10px;
}
div#com_content #content_frame #corner_bl {
	position:absolute;
	bottom:-10px;
	left:0;
	background:url('../img/body-bg-bottom-left.png') no-repeat 0 0;
	width:10px;
	height:10px;
}
div#com_content #content_frame #corner_br {
	position:absolute;
	bottom:-10px;
	right:0;
	background:url('../img/body-bg-bottom-right.png') no-repeat 0 0;
	width:30px;
	height:10px;
}
div#com_content #content_frame #border_top {
	position:absolute;
	top:-10px;
	left:10px;
	width:97.5%;
	height:10px;
	background:url('../img/body-bg-top.png') repeat-x 0 0;
}
div#com_content #content_frame #border_left {
	position:absolute;
	top:0;
	left:0;
	width:2px;
	height:100%;
	background:url('../img/body-bg-left.png') repeat-y 0 0;
}
div#com_content #content_frame #border_right {
	position:absolute;
	top:0;
	right:0;
	width:2px;
	height:100%;
	background:url('../img/body-bg-right.png') repeat-y 0 0;
}
div#com_content #content_frame #border_bottom {
	position:absolute;
	bottom:-10px;
	left:10px;
	width:97.5%;
	height:10px;
	background:url('../img/body-bg-bottom.png') repeat-x 0 0;
}

div#com_content #breadcrumb_nav {
	color: #ffffff;
    font-family: calibri;
    font-size: 12px;
    font-weight: normal;
	margin-bottom: 15px;
}
div#com_content #breadcrumb_nav a {
	color: #ffffff;
    font-family: calibri;
    font-size: 12px;
    font-weight: normal;
}
div#com_content #page_title {
    padding-top: 10px;
}
div#com_content #page_title img {
   float: left;
    height: 20px;
    padding-right: 6px;
}
div#com_content #page_title h1 {
   	color: #484848;
    float: left;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    padding: 0;
}


/**********************************/
/*	       PAGE ACCUEIL           */
/**********************************/

div#com_content.home {
	padding:0 8px;
	min-width:854px;
	max-width:1264px;
	margin: 10px auto;
	min-height:450px;
	position:relative;
}
div#home_guide {
	background:url('../img/guide-bg.png') repeat-x 0 0;
	width:100%;
	height:642px;
	position:relative;
}
div#home_guide #corner_tl {
	position:absolute;
	top:0;
	left:-8px;
	background:url('../img/guide-bg-top-left.png') no-repeat 0 0;
	width:8px;
	height:8px;
}
div#home_guide #corner_tr {
	position:absolute;
	top:0;
	right:-8px;
	background:url('../img/guide-bg-top-right.png') no-repeat 0 0;
	width:8px;
	height:8px;
}
div#home_guide #corner_bl {
	position:absolute;
	bottom:0;
	left:-8px;
	background:url('../img/guide-bg-bottom-left.png') no-repeat 0 0;
	width:8px;
	height:8px;
}
div#home_guide #corner_br {
	position:absolute;
	bottom:0;
	right:-8px;
	background:url('../img/guide-bg-bottom-right.png') no-repeat 0 0;
	width:8px;
	height:8px;
}
div#home_guide #border_left {
	position:absolute;
	top:8px;
	left:-8px;
	width:8px;
	height:626px;
	background:url('../img/guide-bg-left.png') repeat-y 0 0;
}
div#home_guide #border_right {
	position:absolute;
	top:8px;
	right:-8px;
	width:8px;
	height:626px;
	background:url('../img/guide-bg-right.png') repeat-y 0 0;
}

div#home_guide #guide_ombre {
	position:absolute;
	width:100%;
	height:4px;
	bottom:-4px;
}


div#home_guide #guide_content {
	position:relative;
	min-width:844px;
	max-width:1254px;
	margin-left:10px;
	height:624px;
}

div#home_guide #guide_content #div_diapos {
	background-color: #FFFFFF;
    height: 606px;
    position: absolute;
    left: 0;
    top: 18px;
    width: 70%;
}
div#home_guide #guide_content #col_right {
	height: 606px;
    position: absolute;
    right: 0;
    top: 18px;
    width: 30%;
}


/******************************************************************************************/
/*                                      DIAPOS                                            */
/******************************************************************************************/
div#home_guide #guide_content #div_diapos .diapo_title {
	font-family:TeXGyreAdventorRegular;
	font-size:35px;
	color:#484848;
	padding-left:25px;
}
div#home_guide #guide_content #div_diapos .diapo_title strong {
	font-family:TeXGyreAdventorBold;
	font-size:35px;
	color:#484848;
	font-weight: normal;
}
div#home_guide #guide_content #div_diapos .diapo_subtitle {
	font-family:TeXGyreAdventorRegular;
	font-size:14px;
	color:#484848;
	padding-left:25px;
}
div#home_guide #guide_content #div_diapos .diapo_bg {
	width:100%;
	height:604px;	
	position:absolute;
	top:0;
	left:0;
}
div#home_guide #guide_content #div_diapos #diapo_1,
div#home_guide #guide_content #div_diapos #diapo_2,
div#home_guide #guide_content #div_diapos #diapo_3,
div#home_guide #guide_content #div_diapos #diapo_4,
div#home_guide #guide_content #div_diapos #diapo_5 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
}


div#home_guide #guide_content #div_diapos #diapo_1 {
	display: block !important;	
}

/******************************************************************************************/
/*                                DIAPO 2 : PRODUCTS                                      */
/******************************************************************************************/

div#home_guide #guide_content #div_diapos #diapo_2 #logo_cloud {
	bottom: 151px;
    left: 5%;
    position: absolute;
    width: 47%;
	min-width:295px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #vmware_partner_1 {
	bottom: 15px;
    left: 3%;
    position: absolute;
    width: 9%;
}
div#home_guide #guide_content #div_diapos #diapo_2 #vmware_partner_2 {
	bottom: 16px;
    left: 14%;
    position: absolute;
    width: 16%;
}
div#home_guide #guide_content #div_diapos #diapo_2 #vmware_partner_3 {
	bottom: 22px;
    left: 32%;
    position: absolute;
    width: 15%;
}
div#home_guide #guide_content #div_diapos #diapo_2 #nuage_1 {
	left: 20%;
    position: absolute;
    top: 25px;
    width: 20%;
}
div#home_guide #guide_content #div_diapos #diapo_2 #nuage_2 {
	left: 46%;
    position: absolute;
    top: 80px;
    width: 21%;
}
div#home_guide #guide_content #div_diapos #diapo_2 #nuage_3 {
	left: 71%;
    position: absolute;
    top: 85px;
    width: 24%;
}
div#home_guide #guide_content #div_diapos #diapo_2 #nuage_4 {
	left: 62%;
    position: absolute;
    top: 220px;
    width: 27%;
}

div#home_guide #guide_content #div_diapos #diapo_2 #titre_1 {
	color: #484848;
    font-family: bebasneueregular;
    font-size: 42px;
    left: 6%;
    position: absolute;
    top: 37px;
	text-shadow:1px 1px 0 #ffffff;
}
div#home_guide #guide_content #div_diapos #diapo_2 #titre_2 {
	color: #484848;
    font-family: TeXGyreAdventorBold;
    font-size: 33px;
    position: absolute;
    right: 5%;
    top: 88px;
	text-shadow:1px 1px 0 #ffffff;
}
div#home_guide #guide_content #div_diapos #diapo_2 #titre_3 {
	color: #484848;
    font-family: TeXGyreAdventorBold;
    font-size: 33px;
    position: absolute;
    right: 15%;
    top: 150px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #texte_1 {
	color: #484848;
    font-family: texgyreadventorbold;
    font-size: 28px;
    position: absolute;
    right: 2%;
    top: 295px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #texte_2 {
	color: #484848;
    font-family: TeXGyreAdventorBold;
    font-size: 17px;
    position: absolute;
    right: 2%;
    top: 340px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #texte_3 {
	color: #AE0C0C;
    font-family: TeXGyreAdventorBold;
    font-size: 27px;
    position: absolute;
    right: 2%;
    top: 365px;
}


div#home_guide #guide_content #div_diapos #diapo_2 #bouton_0 {
	background: url("../img/nom-domaine-btn-contact-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 19%;
    color: #FFFFFF;
    cursor: pointer;
    font-family: TeXGyreAdventorBold;
    font-size: 17px;
    height: 34px;
    line-height: 30px;
    margin: 0 auto;
    padding: 0 12px 0 10px;
    position: absolute;
    left: 9%;
    text-align: center;
    text-shadow: -1px 0 0 #0582AE;
    width: 118px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_0:hover {
	background: url("../img/nom-domaine-btn-contact-bg-over.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_0 .img_left {
    background: url("../img/nom-domaine-btn-contact-bg-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_0:hover .img_left {
	background: url("../img/nom-domaine-btn-contact-bg-left-over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_0 .img_right {
    background: url("../img/nom-domaine-btn-contact-bg-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    position: absolute;
    right: -36px;
    top: 0;
    width: 36px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_0:hover .img_right {
    background: url("../img/nom-domaine-btn-contact-bg-right-over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div#home_guide #guide_content #div_diapos #diapo_2 #bouton_1 {
	background: url("../img/nom-domaine-btn-contact-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 19%;
    color: #FFFFFF;
    cursor: pointer;
    font-family: TeXGyreAdventorBold;
    font-size: 17px;
    height: 34px;
    line-height: 30px;
    margin: 0 auto;
    padding: 0 12px 0 10px;
    position: absolute;
    right: 44%;
    text-align: center;
    text-shadow: -1px 0 0 #0582AE;
    width: 105px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_1:hover {
	background: url("../img/nom-domaine-btn-contact-bg-over.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_1 .img_left {
    background: url("../img/nom-domaine-btn-contact-bg-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_1:hover .img_left {
	background: url("../img/nom-domaine-btn-contact-bg-left-over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_1 .img_right {
    background: url("../img/nom-domaine-btn-contact-bg-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    position: absolute;
    right: -36px;
    top: 0;
    width: 36px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_1:hover .img_right {
    background: url("../img/nom-domaine-btn-contact-bg-right-over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_1 #tampon {
	height: 45px;
    position: absolute;
    right: -59px;
    top: -28px;
    width: 90px;
}

div#home_guide #guide_content #div_diapos #diapo_2 #bouton_2 {
	background: url("../img/nom-domaine-btn-contact-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 19%;
    color: #FFFFFF;
    cursor: pointer;
    font-family: TeXGyreAdventorBold;
    font-size: 17px;
    height: 34px;
    line-height: 30px;
    margin: 0 auto;
    padding: 0 12px 0 10px;
    position: absolute;   
	right: 14%;
    text-align: center;
    text-shadow: -1px 0 0 #0582AE;
    width: 122px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_2:hover {
	background: url("../img/nom-domaine-btn-contact-bg-over.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_2 .img_left {
    background: url("../img/nom-domaine-btn-contact-bg-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_2:hover .img_left {
	background: url("../img/nom-domaine-btn-contact-bg-left-over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_2 .img_right {
    background: url("../img/nom-domaine-btn-contact-bg-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    position: absolute;
    right: -36px;
    top: 0;
    width: 36px;
}
div#home_guide #guide_content #div_diapos #diapo_2 #bouton_2:hover .img_right {
    background: url("../img/nom-domaine-btn-contact-bg-right-over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


/******************************************************************************************/
/*                                      DIAPO 3                                           */
/******************************************************************************************/
div#home_guide #guide_content #div_diapos #diapo_3 #img_1 {
	left: 10%;
    position: absolute;
    top: 30px;
    width: 80%;
}
div#home_guide #guide_content #div_diapos #diapo_3 #boutons {
	text-align:center;
	bottom: 7%;
    position:absolute;
	left: 0;
	width: 100%;    
}
div#home_guide #guide_content #div_diapos #diapo_3 #bouton {
	background: url("../img/serveur-btn-contact-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    cursor: pointer;
    font-family: TeXGyreAdventorBold;
    font-size: 17px;
    height: 34px;
    line-height: 30px;
    padding: 0 12px 0 10px;
    position: relative;
	text-align: center;
    text-shadow: -1px 0 0 #ddb100;
    width: 125px;
	display: inline-block;
}
div#home_guide #guide_content #div_diapos #diapo_3 #bouton:hover {
	background: url("../img/serveur-btn-contact-bg-over.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
div#home_guide #guide_content #div_diapos #diapo_3 #bouton .img_left {
    background: url("../img/serveur-btn-contact-bg-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}
div#home_guide #guide_content #div_diapos #diapo_3 #bouton:hover .img_left {
	background: url("../img/serveur-btn-contact-bg-left-over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div#home_guide #guide_content #div_diapos #diapo_3 #bouton .img_right {
    background: url("../img/serveur-btn-contact-bg-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    position: absolute;
    right: -36px;
    top: 0;
    width: 36px;
}
div#home_guide #guide_content #div_diapos #diapo_3 #bouton:hover .img_right {
    background: url("../img/serveur-btn-contact-bg-right-over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div#home_guide #guide_content #div_diapos #diapo_3 #titre {
	color: #242424;
    font-family: TeXGyreAdventorRegular;
    font-size: 32px;
    left: 0;
    position: absolute;
    top: 10px;
	width:100%;
	text-align:center;
	height:50px;
}
div#home_guide #guide_content #div_diapos #diapo_3 #titre strong {
	color: #242424;
    font-family: TeXGyreAdventorBold;
    font-size: 32px;
}
div#home_guide #guide_content #div_diapos #diapo_3 #texte_1 {
	color: #242424;
    font-family: TeXGyreAdventorRegular;
	font-weight:normal;
    font-size: 29px;
    left: 0;
    position: absolute;
    bottom: 150px;
	width:100%;
	height:50px;
	text-align:center;
	text-shadow: 1px 1px 0 #cecece;
}
div#home_guide #guide_content #div_diapos #diapo_3 #texte_1 strong {
	color: #ffac00;
	font-family: TeXGyreAdventorBold;
    font-weight: normal;
	text-shadow: 1px 1px 0 #efefef;
}
div#home_guide #guide_content #div_diapos #diapo_3 #texte_2 {
	color: #242424;
    font-family: TeXGyreAdventorRegular;
	font-weight:normal;
    font-size: 29px;
    left: 0;
    position: absolute;
    bottom: 100px;
	width:100%;
	height:50px;
	text-align:center;
	text-shadow: 1px 1px 0 #cecece;
}
div#home_guide #guide_content #div_diapos #diapo_3 #texte_2 strong {
	color: #ffac00;
	font-family: TeXGyreAdventorBold;
    font-weight: normal;
	text-shadow: 1px 1px 0 #efefef;
}


/******************************************************************************************/
/*                                      DIAPO 1                                           */
/******************************************************************************************/
div#home_guide #guide_content #div_diapos #diapo_1 .diapo_title,
div#home_guide #guide_content #div_diapos #diapo_1 h1 {
	color: #484848;
    font-family: TeXGyreAdventorBold;
    font-size: 36px;
    height: 50px;
    left: 23px;
    position: absolute;
    text-align: left;
    top: 10px;
    width: 100%;
}
div#home_guide #guide_content #div_diapos #diapo_1 .logo-numergy {
	bottom: 15px;
    left: 24px;
    position: absolute;
    width: 20%;
}
div#home_guide #guide_content #div_diapos #diapo_1 .logo-france {
	bottom: 21px;
    position: absolute;
    right: 4%;
    width: 55px;
}
div#home_guide #guide_content #div_diapos #diapo_1 #txt_1 {
	font-family: TeXGyreAdventorRegular;
    font-size: 24px;
    left: 23px;
    position: absolute;
    top: 62px;
    width: 100%;
}
div#home_guide #guide_content #div_diapos #diapo_1 #txt_2 {
	right: 15px;
    position: absolute;
    top: 130px;
    width: 60%;
}
div#home_guide #guide_content #div_diapos #diapo_1 #txt_2 .content { 
	font-family: TeXGyreAdventorBold; 
	font-size: 24px; 
	position: relative;
	padding: 10px 5%;
}
div#home_guide #guide_content #div_diapos #diapo_1 #txt_2 ul { margin-top: 10px; }
div#home_guide #guide_content #div_diapos #diapo_1 #txt_2 ul li {
	font-size: 23px;
    line-height: 30px;
	font-family: TeXGyreAdventorRegular;
}
div#home_guide #guide_content #div_diapos #diapo_1 #txt_2 .masque { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ffffff; opacity:0.3; }

div#home_guide #guide_content #div_diapos #diapo_1 #container-prod {
	height: 90px;
    position: relative;
    width: 100%;
	padding: 10px 5%;
}
div#home_guide #guide_content #div_diapos #diapo_1 #container-prod .picto-prod {
	float: left;
    margin-right: 10px;
    width: 16%;
	cursor:pointer;
}


div#home_guide #guide_content #div_diapos #diapo_1 .col_texte {
	position:absolute;
	width:50%;
	height:100%;
	top:0;
	right:0;
}
div#home_guide #guide_content #div_diapos #diapo_1 .col_texte #titre_1 {
	font-family: BebasNeueRegular;
    font-size: 51px;
    margin-top: 15px;
}
div#home_guide #guide_content #div_diapos #diapo_1 .col_texte #titre_2 {
	font-family: BebasNeueRegular;
    font-size: 60px;
    font-weight: bold;
    line-height: 45px;
    margin-bottom: 50px;
}
div#home_guide #guide_content #div_diapos #diapo_1 .col_texte #texte_1,
div#home_guide #guide_content #div_diapos #diapo_1 .col_texte #texte_2,
div#home_guide #guide_content #div_diapos #diapo_1 .col_texte #texte_3 {
	background: url("../img/puce-fleche-editeurs.png") no-repeat scroll 0 12px transparent;
    font-family: TeXGyreAdventorRegular;
    font-size: 23px;
    line-height: 35px;
    margin-bottom: 20px;
    padding-left: 23px;
    padding-right: 20px;
    text-shadow: 1px 1px 0 #FFFFFF;    
}
div#home_guide #guide_content #div_diapos #diapo_1 .col_texte #texte_1 span,
div#home_guide #guide_content #div_diapos #diapo_1 .col_texte #texte_2 span,
div#home_guide #guide_content #div_diapos #diapo_1 .col_texte #texte_3 span {
	color:#4fac03;
}
div#home_guide #guide_content #div_diapos #diapo_1 #bouton {
	background: url("../img/nom-domaine-btn-contact-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 35px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: TeXGyreAdventorBold;
    font-size: 17px;
    height: 34px;
    line-height: 30px;
    margin: 50px auto 0;
    padding: 0 12px 0 10px;
    position: absolute;
    right: 20%;
    text-align: center;
    text-shadow: -1px 0 0 #0582AE;
    width: 190px;
}
div#home_guide #guide_content #div_diapos #diapo_1 #bouton:hover {
	background: url("../img/nom-domaine-btn-contact-bg-over.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
div#home_guide #guide_content #div_diapos #diapo_1 #bouton .img_left {
    background: url("../img/nom-domaine-btn-contact-bg-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}
div#home_guide #guide_content #div_diapos #diapo_1 #bouton:hover .img_left {
	background: url("../img/nom-domaine-btn-contact-bg-left-over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div#home_guide #guide_content #div_diapos #diapo_1 #bouton .img_right {
    background: url("../img/nom-domaine-btn-contact-bg-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    position: absolute;
    right: -36px;
    top: 0;
    width: 36px;
}
div#home_guide #guide_content #div_diapos #diapo_1 #bouton:hover .img_right {
    background: url("../img/nom-domaine-btn-contact-bg-right-over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/******************************************************************************************/
/*                                      DIAPO 4                                           */
/******************************************************************************************/

div#home_guide #guide_content #div_diapos #diapo_4 #img_1 {
	position:absolute;
	top:0;
	width:100%;
	left:0;
}
div#home_guide #guide_content #div_diapos #diapo_4 #texte_1 {
	color: #363636;
    font-family: TeXGyreAdventorBold;
	font-weight:normal;
    font-size: 25px;
    left: 0;
    position: absolute;
    bottom: 100px;
	width:100%;
	height:50px;
	text-align:center;
}


/******************************************************************************************/
/*                                      DIAPO 5                                           */
/******************************************************************************************/
div#home_guide #guide_content #div_diapos #diapo_5 .diapo_title {
	color: #242424;
    font-family: TeXGyreAdventorBold;
    font-size: 45px;
    height: 70px;
    position: absolute;
    text-align: center;
    top: 55px;
	left:0;
    width: 100%;
	padding-left:0;
	text-shadow: 1px 1px 0 #efefef;
}
div#home_guide #guide_content #div_diapos #diapo_5 #img_1 {
	position:absolute;
	bottom:5px;
	width:100%;
	left:0;
}
div#home_guide #guide_content #div_diapos #diapo_5 .item_1 {
	background: url("../img/fleche-blanche.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
	font-family:TeXGyreAdventorRegular;
	font-size:20px;
	color:#242424;
	font-weight:normal;
	position:absolute;
	left:30%;
	top:145px;
	height:30px;
	padding-left:25px;
	text-shadow: 1px 1px 0 #efefef;
}
div#home_guide #guide_content #div_diapos #diapo_5 .item_2 {
	background: url("../img/fleche-blanche.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
	font-family:TeXGyreAdventorRegular;
	font-size:20px;
	color:#242424;
	font-weight:normal;
	position:absolute;
	left:30%;
	top:180px;
	height:30px;
	padding-left:25px;
	text-shadow: 1px 1px 0 #efefef;
}
div#home_guide #guide_content #div_diapos #diapo_5 .item_3 {
	background: url("../img/fleche-blanche.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
	font-family:TeXGyreAdventorRegular;
	font-size:20px;
	color:#242424;
	font-weight:normal;
	position:absolute;
	left:30%;
	top:215px;
	height:30px;
	padding-left:25px;
	text-shadow: 1px 1px 0 #efefef;
}
div#home_guide #guide_content #div_diapos #diapo_5 #barre_recherche {
	bottom: 250px;
    height: 60px;
    padding-top: 13px;
    position: absolute;
    text-align: center;
    width: 100%;
	background: url("../img/bg-blanc-transparent.png") repeat scroll 0 0;
}
div#home_guide #guide_content #div_diapos #diapo_5 #barre_recherche img {
	cursor:pointer;
}

/******************************************************************************************/
/*                                  ITEMS DIAPOS                                          */
/******************************************************************************************/
div#home_guide #col_right #item_diapo_1,
div#home_guide #col_right #item_diapo_2,
div#home_guide #col_right #item_diapo_3,
div#home_guide #col_right #item_diapo_4,
div#home_guide #col_right #item_diapo_5 {
	position:relative;
	width:90%;
	height:94px;
	cursor:pointer;
	margin-left:5%;
}
div#home_guide #col_right #item_diapo_1:hover,
div#home_guide #col_right #item_diapo_2:hover,
div#home_guide #col_right #item_diapo_3:hover,
div#home_guide #col_right #item_diapo_4:hover,
div#home_guide #col_right #item_diapo_5:hover {
	background-color:#e5e5e5;
}

div#home_guide #col_right img.picto_item_diapo {
	border: 1px solid #FFFFFF;
    left: 1%;
    max-width: 59px;
    min-width: 45px;
    position: absolute;
    top: 17px;
    width: 16%;
	z-index:20;
}
div#home_guide #col_right .active img.picto_item_diapo {
	border: 1px solid #c1c1c1;
}
div#home_guide #col_right .title_item_diapo,
div#home_guide #col_right h2 {
	height:30px;
	line-height:30px;
	color:#484848;
	font-family:calibri;
	font-size:20px;
	font-weight:bold;
	position:absolute;
	top:17px;
	left:22%;
	width: 78%;
	z-index:20;
	overflow:hidden;
	white-space:nowrap;
}
div#home_guide #col_right .subtitle_item_diapo {
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    height: 23px;
    left: 22%;
    line-height: 17px;
    position: absolute;
    top: 48px;
	z-index:20;
}

div#home_guide #col_right #masque_active {
	position:absolute;
	top:0;
	left:0;
	width:93%;
	height:96px;
	background:url('../img/guide-fleche-bg.png') repeat-x 0 0;
	margin-left: 4px;
	z-index:10;
}
div#home_guide #col_right #masque_active .img_left {
	position:absolute;
	background:url('../img/guide-fleche-bg-left.png') no-repeat 0 0;
	top:0;
	left:-40px;
	width:40px;
	height:96px;
}
div#home_guide #col_right #masque_active .img_right {
	position:absolute;
	background:url('../img/guide-fleche-bg-right.png') no-repeat 0 0;
	top:0;
	right:-5px;
	width:5px;
	height:96px;
	
}
div#home_guide #col_right .border_bloc_bottom_1 {
	height:1px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#999999;
}
div#home_guide #col_right .border_bloc_bottom_2 {
	height:1px;
	width:100%;
	position:absolute;
	bottom:-1px;
	left:0;
	background-color:#ffffff;
}

/******************************************************************************************/
/*                                    COMACTUS                                            */
/******************************************************************************************/
div#home_guide #col_right #title_comactus {
	width:100%;
	height:30px;
	line-height:30px;
	background-color:#08aadb;
	color:#ffffff;
	font-family:calibri;
	/*font-weight:bold;*/
	font-size:18px;
	position:relative;
}
div#home_guide #col_right #title_comactus .img_title_left {
	background:url('../img/guide-actu-bg-left.png') no-repeat 0 0;
	width:15px;
	height:45px;
	position:absolute;
	left:-15px;
	top:0;
}
div#home_guide #col_right #bloc_comactus {
	position:relative;
	width:95%;
	padding-left:5%;
	height:102px;
}
div#home_guide #col_right #bloc_comactus ul {
	padding-top:15px;
	list-style-type:none;
	margin: 0;
	width:100%;
}
div#home_guide #col_right #bloc_comactus ul li {
	line-height:25px;
	color:#484848;
	font-family:calibri;
	position:relative;
	padding-left: 10px;
	overflow:hidden;
	white-space:nowrap;
}
div#home_guide #col_right #bloc_comactus ul li .square {
	background-color: #08AADB;
    bottom: 7px;
    height: 5px;
    left: 0;
    position: absolute;
    width: 5px;
}

/******************************************************************************************/
/*                                    NEWSLETTER                                          */
/******************************************************************************************/
div#home_guide #col_right #bloc_newsletter {
	position:relative;
	width:90%;
	padding-left:5%;
	height:96px;
	
}
div#home_guide #col_right #bloc_newsletter .title {
	font-family:calibri;
	font-weight:bold;
	font-size:17px;
	color:#484848;
	width:100%;
	height:40px;
	line-height:40px;
	text-shadow:-1px 1px 1px #FFFFFF;
}
div#home_guide #col_right #bloc_newsletter .bloc {
	position:relative;
	width:70%;
	height:51px;
	margin-left:18px;
	background:url('../img/guide-newsletter-bg.png') repeat-x 0 0;	
}
div#home_guide #col_right #bloc_newsletter .bloc input {
	border: medium none;
    box-shadow: none;
    color: #08AADB;
    font-family: calibri;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin-top: 13px;
    outline: medium none;
    width: 100%;
}
div#home_guide #col_right #bloc_newsletter .bloc .bloc_left {
	position:absolute;
	width:18px;
	height:51px;
	background:url('../img/guide-newsletter-bg-left.png') no-repeat 0 0;
	top:0;
	left:-18px;
}
div#home_guide #col_right #bloc_newsletter .bloc .bloc_right {
	position:absolute;
	width:61px;
	height:51px;
	background:url('../img/guide-newsletter-bg-right.png') no-repeat 0 0;
	top:0;
	right:-61px;
}
div#home_guide #col_right #bloc_newsletter .bloc .bloc_right #valid_button_newsletter {
	background:url('../img/guide-newsletter-btn.png') no-repeat 0 0;
	width:33px;
	height:34px;
	position:absolute;
	top:8px;
	left:15px;
	cursor:pointer;
}
div#home_guide #col_right #bloc_newsletter .bloc .bloc_right #valid_button_newsletter:hover {
	background:url('../img/guide-newsletter-btn-over.png') no-repeat 0 0;
}