@charset "iso-8859-1";
/* CSS Document */


.bodywrapper{
	width:960px;
	margin:0px auto;
}
/*************************************************************************/
/************************** HEADER ***************************************/
/*************************************************************************/
.bodywrapper .header{
	width:100%;
}

.bodywrapper .logo{
	width:60%;
	padding:15px 0px;	
}

.bodywrapper .footer .logoCorporate {
    padding-top:15px;
    width:25%;
    text-align:right;
}

.bodywrapper .langues{
	position:relative;
	width:40%;
	padding:0px 15px 15px 0px;
	text-align:right;
	vertical-align:bottom;
}
.bodywrapper .langues img{
	display:none;
}
.bodywrapper .langues ul li a{
	color:#6e6f72;
	padding:0px 5px 0px 10px;
	border-left:solid 1px #6e6f72;
}
.bodywrapper .langues ul li:first-child a{
	border-left:none;
}
.bodywrapper .langues ul li a:hover{
	color:#95265A;
}
.bodywrapper .langues ul li a.selected{
	color:#95265A;
}
.lt-ie8 .bodywrapper .logo{
	float:left;
	width:auto;
}
.lt-ie8 .bodywrapper .langues{
	float:right;
	width:auto;
	padding-top:75px;
}
/*************************************************************************/
/************************** MAIN  ****************************************/
/*************************************************************************/
.bodywrapper .main{
	box-shadow:0px 0px 5px 2px #d6d6d6;
	width:auto;height:auto;
	padding:15px;
	margin-bottom:15px;
}
.lt-ie9 .bodywrapper .main{
	border:solid 1px #d6d6d6;
}
/************************** Menus ****************************************/
.bodywrapper .menus{
	width:100%;
	margin-bottom:10px;
}
.bodywrapper .menuPrincipal{
	width:75%;
	text-transform:uppercase;
	padding:5px 0px;
}

.bodywrapper .menuPrincipal ul li a{
	color:#6e6f72;
	border-left:solid 1px #6e6f72;
	padding:0px 5px 0px 10px;
}
.bodywrapper .menuPrincipal ul li:first-child a{
	border-left:none;
}
.bodywrapper .menuPrincipal ul li a:hover{
	color:#95265A;
}
.bodywrapper .menuPrincipal ul li a.selected{
	color:#95265A;
}
.bodywrapper .menuDroit{
	width:25%;
	text-transform:uppercase;
	margin-bottom:15px;
	text-align:right;
}

.bodywrapper .menuDroit ul li{
	margin:0px 0px 0px -4px;
}
.bodywrapper .menuDroit ul li:first-child{
	margin:0px 0px 0px 0px;
}

.bodywrapper .menuDroit ul li a{
	display:inline-block;
	color:#FFFFFF;
	text-decoration:none;
	border-left:solid 1px #FFFFFF;
	background-color:#95265A;
	padding:5px 10px;
	margin:0px;
}
.bodywrapper .menuDroit ul li a:hover{
	background-color:#6e6f72;
}
.bodywrapper .menuDroit ul li a.selected{
	background-color:#6e6f72;
}
.lt-ie8 .bodywrapper .menuPrincipal{
	float:left;
	width:auto;
}
.lt-ie8 .bodywrapper .menuDroit{
	float:right;
	width:auto;
}
.lt-ie8 .bodywrapper .menus{
	margin-bottom:0px;
}

/*************************************************************************/
/************************** HOME *****************************************/
/*************************************************************************/
.bodywrapper .imageHome{
	display:none;
	width:930px;
	height:315px;
	margin-bottom:15px;
}
/************************** Raccourcis ****************************************/
.bodywrapper .raccourcis-home{
	width:100%;
}
.bodywrapper .raccourcis-home .raccourci{
	width:25%;
}
.bodywrapper #zone1, .bodywrapper #zone2, .bodywrapper #zone3, .bodywrapper #zone4{
	cursor:pointer;
}
.bodywrapper .raccourci{
	border-left:solid 1px #CCC;
	padding:10px 10px 16px 15px;
	background:url(../../icons/icon-info.png) right 10px  bottom no-repeat;
	hyphens:auto;
}
.bodywrapper .raccourci:first-child{
	border-left:none;
	padding-left:5px;
	background-image:url(../../icons/icon-info-glow.png);
	color:#FFFFFF;
	padding-left:10px;
}
.lt-ie8 .bodywrapper .raccourcis-home .raccourci{
	float:left;
	width:198px;
	min-height:210px;
}
.lt-ie9 .bodywrapper .raccourcis-home .raccourci{
	background-image:url(../../icons/icon-info-ie.png);
	background-position-x:right;
	background-position-y:bottom;
	background-repeat:no-repeat;
}
.lt-ie9 .bodywrapper .raccourcis-home .raccourci:first-child{
	background-image:url(../../icons/icon-info-ie-glow.png);
}
.bodywrapper .raccourci > h1{
	font-weight:normal;
	color:#95265A;
	font-size:1.5em;
}
.bodywrapper .raccourci > p{
	font-size:1.2em;
	line-height:1.5em;
	margin:0px;
}
.bodywrapper .raccourci > ul li{
	font-size:1.1em;
	margin-left:5px;
	list-style-image:url(../../icons/bullet-check.png);
	line-height:1.2em;
}
.bodywrapper .raccourci > ul li a{
	color:#000;
}
/*************************************************************************/
/************************** INTERNE **************************************/
/*************************************************************************/
.bodywrapper .imageInterne{
	display:none;
	width:930px;
	height:258px;
	margin-bottom:15px;
}

.bodywrapper .layout-pg-interne{
	width:100%;
}
.bodywrapper .vide-over-menu-secondaire, .bodywrapper .zone-menu-secondaire{
	width:25%;
}
.lt-ie8 .bodywrapper .vide-over-menu-secondaire, .lt-ie8 .bodywrapper .zone-menu-secondaire{
	float:left;
	width:200px;
}
.bodywrapper .breadcrumb, .bodywrapper .contenu{
	width:75%;
}

.lt-ie8 .bodywrapper .breadcrumb, .lt-ie8 .bodywrapper .contenu{
	float:left;
	width:705px;
}

/*****************************breadcrumb************************************/

.bodywrapper .breadcrumb{
	padding-bottom:20px;
}

.bodywrapper .breadcrumb > ul > li{
	background-image:url(../../icons/icon-separator-breadcrumb.png);
	background-position-x:left;
	background-position-y:4px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
}
.lt-ie10 .bodywrapper .breadcrumb > ul > li{
	background-position-y:2px;
}
.lt-ie9 .bodywrapper .breadcrumb > ul > li{
	background-position-y:4px;
}
.bodywrapper .breadcrumb > ul > li:first-child{
	background:none;
	padding:0px 0px 0px 0px;
}
.bodywrapper .breadcrumb > ul > li a{
	font-size:0.9em;
	color:#6e6f72;
}
.bodywrapper .breadcrumb > ul > li a:hover{
	text-decoration:underline;
}

/**********************************************menu-secondaire**************************************/

.bodywrapper .zone-menu-secondaire, .bodywrapper .vide-over-menu-secondaire{
	padding:0px 20px 0px 0px;
}
.bodywrapper .zone-menu-secondaire > ul.menu-secondaire > li{
	display:block;
	border-bottom:solid 1px #6e6f72;
}
.bodywrapper .zone-menu-secondaire > ul.menu-secondaire > li:first-child{
	border-top:solid 1px #6e6f72;
}
.bodywrapper .zone-menu-secondaire > ul.menu-secondaire > li a{
	display:block;
	padding:5px;
}
.bodywrapper .zone-menu-secondaire > ul.menu-secondaire > li a:hover{
	background-color:#dcdcdd;
}
.bodywrapper .zone-menu-secondaire > ul.menu-secondaire > li a.selected{
	background-color:#dcdcdd;
}
/***************************Espace client / Deltavista*********************************************/
.bodywrapper a.btnEspaceClient{
	display:block;
	background-color:#95265A;
	color:#FFFFFF;
	text-align:center;
	font-size:1.2em;
	padding:10px;
	text-decoration:none;
}

.bodywrapper a.btnEspaceClient:hover{
	background-color:#6e6f72;
}

form label{
	display:block;
	font-weight:bold;
	color:#95265A;
	padding:0px 2px 5px 2px;
}
form input, form select{
	display:block;
	margin-bottom:10px;
	width:180px;
}
.bodywrapper form input[type=submit]{
	display:block;
	margin-bottom:5px;
	background-color:#95265A;
	color:#FFFFFF;
	border:solid 1px #6e6f72;
	padding:3px 10px;
	width:183px;
}
.bodywrapper form input[type=submit]:hover{
	background-color:#6e6f72;
}

.bodywrapper a img.planGoogle{
	border:solid 1px #6e6f72;
}

/******************************Page login client**************************************/
.bodywrapper .pgLoginClient{
	margin:20px 20px 0px 20px;
}
.bodywrapper .pgLoginClient h1{
	width:170px;
	background-color:#95265A;
	color:#FFF;
	padding:5px 10px;
	margin-bottom:20px;
}
.bodywrapper .pgLoginClient .separateur{
	padding-left:20px;
	border-left:solid 1px #6e6f72;
}
/******************************************contenu*************************************************/

.bodywrapper .contenu > h1{
	font-size:1.5em;
	font-weight:normal;
	color:#333333;
}
.bodywrapper .contenu p{
	line-height:1.5em;
}

/*************************************************************************/
/************************** FOOTER ***************************************/
/*************************************************************************/
.bodywrapper .footer{
	width:auto;
	padding:0px 15px;
	font-size:0.9em;
}
.bodywrapper .footer .footer-table{
	width:100%;
}
.bodywrapper .footer .menu-footer, .bodywrapper .footer .logos-iso, .bodywrapper .footer .logo, .bodywrapper .footer .adresse{
	width:20%;
	/*width:200px;*/
	vertical-align:top;
}
.bodywrapper .footer p{
	margin:0px;
}
.bodywrapper .footer ul{
	margin:0px 0px 0px 12px;
}
.bodywrapper .footer ul li{
	list-style-type:none;
	margin:0px
}
.bodywrapper .footer .menu-footer{
	vertical-align:middle;
	width:25%;
}
.bodywrapper .footer .logos-iso{
	text-align:center;
	width:33%;
}
.bodywrapper .footer .logo{
	width:14%;
	text-align:right;
	padding-right:10px;
}
.bodywrapper .footer .adresse{
	vertical-align:middle;
	width:14%;
}
.lt-ie8 .bodywrapper .footer .adresse{
	padding-top:25px;
	width:13%;
}
.lt-ie8 .bodywrapper .footer .menu-footer, .lt-ie8 .bodywrapper .footer .logos-iso, .lt-ie8 .bodywrapper .footer .logo, .lt-ie8 .bodywrapper .footer .adresse{
	float:left;
}
/******************************************************************************************/
/***************************RESPONSIVE DESIGN *********************************************/
/******************************************************************************************/
/*@media (max-width:959px){*/
	@media (max-width:959px){
	/** Cacher la zone au-dessus du site***/
	.bodywrapper{
		width:auto;
	}
	.bodywrapper .logo a img{
		width:200px;height:32px;
	}
	.bodywrapper .langues img{
		display:inline-block;
	}
	.bodywrapper .langues ul{
		display:none;
		position:absolute;
		right:48px; top:45px;
		background:#FFF;
		text-align:left;
	}	

	.bodywrapper .langues ul li a{
		display:block;
		padding:5px 10px;
		border-bottom:solid 1px #6e6f71;
		border-left:none;
	}
	.bodywrapper .langues ul li:first-child a{
		border-top:solid 1px #6e6f71;

	}
	.bodywrapper .menuPrincipal{
		padding:0px;	
	}
	.bodywrapper .main{
		padding:10px;	
	}
	.bodywrapper .menuPrincipal ul{
		display:none;
		width:130px;
		position:absolute;
		right:0px; top:45px;
		background:#FFF;
		text-align:left;	
	}
	.bodywrapper .langues ul li{
		display:block;
	}
	.bodywrapper .menuPrincipal ul li a{
		display:block;
		padding:5px 10px;
		border-bottom:solid 1px #6e6f71;
		border-left:none;
	}
	.bodywrapper .menuPrincipal ul li:first-child a{
		border-top:solid 1px #6e6f71;

	}
	.bodywrapper .menuDroit ul{
		display:none;
		width:130px;
		position:absolute;
		right:0px; top:208px;
		background:#FFF;
		text-align:left;	
	}
	.bodywrapper .menuDroit ul li{
		margin:0px;
	}
	.bodywrapper .menuDroit ul li a{
		display:block;
		padding:5px 10px;
		border-bottom:solid 1px #6e6f71;
		border-left:none;
	}
	.bodywrapper . menu Droit ul li:first-child a{
		border-top:solid 1px #6e6f71;
	}

	.bodywrapper .conteneurImgHome, .bodywrapper .conteneurImg{
		display:none;
	}
	.bodywrapper .raccourcis-home .raccourci{
		display:block;
		width:auto;
		border-left:none;
		border-top:solid 1px #6e6f71;
		margin-top:10px;
	}
	.bodywrapper .raccourcis-home .raccourci:first-child{
		border-top:none;
		margin-top:0px;
	}
	.bodywrapper .raccourcis-home .raccourci:nth-child(2){
		border-top:none;
	}
	.bodywrapper .footer .menu-footer, .bodywrapper .footer .menu-footer, .bodywrapper .footer .logo, .bodywrapper .footer .logos-iso, .bodywrapper .footer .adresse{
		display:block;
		width:auto;
		border-bottom:solid 1px #CCC;
		padding:5px 0px;
	}
	.bodywrapper .footer .logo, .bodywrapper .footer .logos-iso{
		 text-align:left;
	}
	.bodywrapper .footer .logo, .bodywrapper .footer .adresse{
		border-bottom:none;
	}
	/*********************INTERNE***************************/
	.bodywrapper .vide-over-menu-secondaire, .bodywrapper .breadcrumb, .bodywrapper .zone-menu-secondaire, .bodywrapper .contenu{
		display:block;
		width:100%;
	}
	.bodywrapper .contenu{
		margin-top:20px;
	}