@charset "utf-8";

/* BODY */
.BODYSIMPLE{
	width:367px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/images/Graphisme/Layout/fond-wall.png);
	background-repeat: repeat;
}
.BODY{
     margin-top:15px;
	 width:1415px;
	 margin-left:auto;
	 margin-right:auto;
	 background-image:url(/images/Graphisme/Layout/fond-wall.png);
	 background-repeat: repeat;
	 font-family: Helvetica, Arial;
	 font-size: 11px;
	 font-weight:normal;
}


/* bandeau du haut*/
.BODY .BANDEAUMSG{
     margin-top:5px;
     margin-bottom:15px;
	 background-color:white;
	 font-size: 14px;
	/* font-weight:bold;*/
	 border: 2px solid red;
	 padding:10px 10px 10px 25px
}

/*alertes*/
ul.alertes{
	list-style-type: none;
}
ul.alertes img,ul.alertes span{
	display: inline-block;
}
ul.alertes span{
	margin-top:-21px;	
	margin-left: 5px;	
}

/* Gestion du haut de page commun */
.HAUTPAGE{
	width:984px;
	margin-left:auto;
	margin-right:auto;
	height:85px;
	padding-left:14px;
	/*float:left;*/
}
.HAUTPAGE div.LOGOBO{
	float:left;
	width:213px;
}
.HAUTPAGE div.INFOSMAG{
	float:left;
	text-align:left;
	width:353px;
	color:white;
	font-size:14px;
	padding-top:47px;
	padding-left:10px;
}
.HAUTPAGE div.INFOSMAG a{
	color:red;
	font-size:12px;
	text-decoration:underline;
}
.HAUTPAGE div.INFOSPAN{
	float:left;
	text-align:left;
	width:230px;
	padding-top:37px;
}
.HAUTPAGE div.INFOSPAN div{
	float:left;
}
.HAUTPAGE #menuEraclss {
    float: left;
    margin-right: 10px;
	margin-top: 10px;
}

.HAUTPAGE div.INFOCONSO{
	float:left;
	text-align:left;
	width:235px;
	padding-top:48px;
	font-size:14px;
	color:white;	
}
.HAUTPAGE div.LOGORES{
	float:left;
	width:90px;
	height:85px;
}
.HAUTPAGE div.LOGORES td{
	width:90px;
	height:85px;
	vertical-align:bottom;
}
.MENU{
	width:994px;
	height:54px;
	/*float:left;*/
	margin-left:auto;
	margin-right:auto;
	padding-left: 4px;
}
.MENU div.HAUTG {
	float:none;
	position:absolute;
	background-image:url('/images/Graphisme/Layout/angle-haut-gauche.png');
	width:10px;
	height:54px;
}
.MENU div.HAUT{
	float:none;
	position:absolute;
	margin-left:10px;
	background-image:url('/images/Graphisme/Layout/haut-repetition.png');
	background-repeat:repeat-x;
	width:970px;
	height:10px;
}
.MENU div.HAUTD{
	float:none;
	position:absolute;
	background-image:url('/images/Graphisme/Layout/angle-haut-droit.png');
	width:14px;
	height:54px;
	margin-left:980px;
}
.MENU div.CONTENUMENU{
	float:none;
	position:absolute;
	margin-top:10px;
	margin-left:10px;
	width:970px;
	height:44px;
}
.CONTENUMENU div.COMPMENU{
	float:left;
	background-image: url("/images/Graphisme/Layout/bouton-vide-centre-repetition.png");
    background-repeat: repeat-x;
}
.CONTENUMENU div.MENUVIDEG{
	float:left;
	width:5px;
	background-image:url('/images/Graphisme/Layout/bouton-vide-gauche.png');
	height:44px;
}
.CONTENUMENU div.MENUVIDE{
	float:left;
	width:80px;
	background-image:url('/images/Graphisme/Layout/bouton-vide-centre-repetition.png');
	background-repeat:repeat-x;
	height:44px;
}
.CONTENUMENU div.MENUVIDED{
	float:left;
	width:5px;
	background-image:url('/images/Graphisme/Layout/bouton-vide-droite.png');
	height:44px;
}
.TABCONTENU{
	width: 1415px;
	margin-left: auto;
	margin-right: auto;
/*	padding-left: 9px;*/
}
.CONTENUPRINCIPAL{
	width:994px;
	clear:both;
	height:auto;
	min-height:500px;
}
.CONTENUPRINCIPAL td.GAUCHE{
	background-image:url('/images/Graphisme/Layout/gauche-repetition.png');
	width:10px;
	height:auto;
}
.CONTENUPRINCIPAL td.DROITE{
	background-image:url('/images/Graphisme/Layout/droit-repetition.png');
	width:14px;
	height:auto;
}
.CONTENUPRINCIPAL td.CONT{
	width:970px;
}
#apDiv1 
{	
	clear:both;
	/*float:left;*/
	width:970px;
	text-align:center;
	background-image:url('/images/Graphisme/Layout/fond-fenetre-accueil-repetition.png');
	background-repeat:repeat-x;
	background-color:#E1E2E2;
	height:auto;
	min-height:500px;
	padding-top:10px;
	padding-bottom:10px;

	border-left: 1px solid white;
	border-right: 1px solid white;
	
	margin-left: auto;
	margin-right: auto;
	
	transition:0.2s;
}



#INFOSPAN{
	color:white;
	width:180px;
	font-size:12px;
	margin-top:10px;
	margin-left:5px;
}



/* Gestion de l'attente ajax*/
#Layer1 {
   position:fixed;
   width:100%;
   height:100%;
   z-index:100;
   left: 0;
   top: 0;
   filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;   
   background-color: #EFEFEF;
}

#effet 
{
   position:absolute;
   top: 50%;
   left: 50%;
   margin-top: -17px; /* moitié de la hauteur de l'image d'animation*/
   margin-left: -17px; /* moitié de la largeur l'image d'animation*/
}

/* bas de page */
.BASPAGE{
/*	float:left;*/
	background-image:url('/images/Graphisme/Layout/bandeau-bas-contact-plan_site.png');
	background-repeat:repeat-y;
	height:20px;
	text-align:center;
	padding-top:5px;
	color:white;
	font-size:12px;
	width: 996px;
	margin-left: auto;
	margin-right: auto;
	
}
.BASPAGE a{
	color:white;
	font-size:12px;
	text-decoration:underline;
}

	
/* bas */
.FONDBAS{
	background-image:url('/images/Graphisme/Layout/bandeau-bas-contact-plan_site.png');
	background-repeat:repeat-y;
	width: 996px;
	margin-left: auto;
	margin-right: auto;
	z-index:-1;
	height:1px;
/*	float:left;*/
}



/* Parties communes */
.TITRE{
	font-size:18px;
	color:#696769;
	font-weight:bolder;
	width:958px;
	text-align:left;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:7px;
}
.SEPTITRE{
	height:2px;
	width:950px;
	background-image:url('/images/Graphisme/Commun/ligne-horizontale-recap-recherche.png');
	background-repeat:repeat-x;
	margin-left:10px;
}
.PIED{
	background-image:url('/images/Graphisme/Commun/pied-page.png');
	width:919px;
	height:54px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.PHOTOLIEN0{
	max-width:60px;
	max-height:45px;
}
.PHOTOLIEN1{
	max-height:90px;
	max-width:120px;
}
.PHOTOLIEN2{
	max-width:347px;
	max-height:260px;
}
.PHOTOLIEN3{
	max-width:640px;
	max-height:480px;
}

/* pagination */
.CONTPAGINATION{
/*	float:left;*/
	width:970px;
	padding-top:10px;
}
.PAGINATION {
	height:30px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
}
.PAGINATION td.FLECHE{
	width:25px;
}
.INFEQ{
	display:inline-block;
	background-image:url('/images/Graphisme/Commun/fleche-premier.png');
	width:22px;
	height:11px;
	margin:auto;
}
.SUPEQ{
	display:inline-block;
	background-image:url('/images/Graphisme/Commun/fleche-dernier.png');
	width:22px;
	height:11px;
	margin:auto;
}
.INF{
	display:inline-block;
	background-image:url('/images/Graphisme/Commun/fleche-precedent.png');
	width:12px;
	height:11px;
	margin:auto;
}
.SUP{
	display:inline-block;
	background-image:url('/images/Graphisme/Commun/fleche-suivant.png');
	width:12px;
	height:11px;
	margin:auto;
}
.PAGINATION td.NUMERO a{
	font-family: Helvetica, Arial;
	font-size: 13px;
	font-weight: bolder;
	width:15px;
	color:#5E5E60;
}
.PAGINATION td.NUMERO {
	font-family: Helvetica, Arial;
	font-size: 13px;
	font-weight: bolder;
	width:15px;
	color:#00A4E3;
	text-align:center;
}
.PAGINATION td.TIRET{
	font-family: Helvetica, Arial;
	font-size: 13px;
	font-weight: bolder;
	width:5px;
	color:#5E5E60;
	text-align:center;
	vertical-align:middle;
}

/*divers*/
.COCHE:hover{
	cursor:pointer;
}

/* zoom */
.CONTPHOTO{
	width:780px;
	height:600px;
	background-color:white;
	clear:both;
}
.CONTPHOTO td{
	width:780px;
	height:600px;
	background-color:white;
	text-align:center;
}
.CONTPHOTO div{
	width:780px;
}
.NOMPRODPHOTO{
	width:775px;
	text-align:left;
	padding-top:5px;
	padding-left:5px;
	float:left;
	height:20px;
	font-size:12px;
}

/* bulles */
a.bulle{
    position:relative; 
   /* z-index:24;
    width:32px;
    height:13px;*/
}
a.bulle:hover{z-index:25}
a.bulle span{ 
	display:block; 
	border:1px solid #6699cc;
	background-color:white; 
	color:#6699cc;
	text-align: center;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;
	width:auto;
	max-width:20em;
	min-width:10em;
	position:absolute;  
	font-size:10px;
	top:100%;
	left:-1000em;
}
a.bulle:hover span{ 
	left:auto;
}
a.bulle:hover span.GAUCHE{ 
	left:-230%
}
a.bulle:hover span.DROITE{ 
	left:50%; 
}
a.bulle:hover span.ULTRAGAUCHE{ 
	left:-100px;
	top:-20px;
}



/* fenetre alerte*/
.ALERTCOND{
	width:260px;
}
.ALERTCOND td.INFO{
	width:200px;
	text-align:left;
	height:30px;
	font-size:12px;
}
.ALERTCOND input{
	width:60px;
}
.ALERTCOND td.ALERTE{
	width:60px;
	background-image:url('/images/Graphisme/Commun/panneau-exclamation.png');
	background-position:center;
	background-repeat:no-repeat;
	height:50px;
}
.ALERTCOND td.OK{
	height:30px;
	text-align:center;
}
.ALERTIMPORT{
	width:560px;
}
.ALERTIMPORT td.INFO{
	width:470px;
	text-align:left;
	height:30px;
	font-size:12px;
}
.ALERTIMPORT input{
	width:60px;
}
.ALERTIMPORT td.ALERTE{
	width:90px;
	background-image:url('/images/Graphisme/Commun/panneau-exclamation.png');
	background-position:center;
	background-repeat:no-repeat;
	height:50px;
}
.ALERTIMPORT td.OK{
	height:30px;
	text-align:center;
}




/* maj stock*/
a.MJSTK{
	font-size:11px;
	font-style:normal;
	text-align:left;
	text-decoration:underline;
}


/* interface conso */
.INTERFACE{
	height:27px;
	width:74px;
	margin-left:7px;
	margin-top:13px;
}
.INTERFACE a{
	float:left;
	display:block;
	height:20px;
	width:20px;
	margin-right:2px;
}
.INTERFACE a.CONSO1IN{
	background-image:url('/images/Graphisme/Layout/logo-private-ht-gris.png');
}
.INTERFACE a.CONSO1IN:hover{
	background-image:url('/images/Graphisme/Layout/logo-private-ht.png');
}
.INTERFACE a.CONSO1AC{
	background-image:url('/images/Graphisme/Layout/logo-private-ht.png');
}

.INTERFACE a.CONSO2IN{
	margin-right:10px;
	background-image:url('/images/Graphisme/Layout/logo-private-euro-gris.png');
}
.INTERFACE a.CONSO2AC{
	margin-right:10px;
	background-image:url('/images/Graphisme/Layout/logo-private-euro.png');
}
.INTERFACE a.CONSO2IN:hover{
	margin-right:10px;
	background-image:url('/images/Graphisme/Layout/logo-private-euro.png');
}

.INTERFACE a.CONSO0IN{
	background-image:url('/images/Graphisme/Layout/logo-private-desactive-gris.png');
}
.INTERFACE a.CONSO0IN:hover{
	background-image:url('/images/Graphisme/Layout/logo-private-desactive.png');
}
.INTERFACE a.CONSO0AC{
	background-image:url('/images/Graphisme/Layout/logo-private-desactive.png');
}


/* conditions */
#DIVCOND{
	background-color:white;
	height:600px;
	width:770px;
	padding:10px;
	text-align:justify;
}
#DIVCOND p.TITRECOND{
	color:#5E5E60;
	font-weight:bolder;
	font-size:16px;
	text-align:justify;
}
#DIVCOND p.STITRECOND{
	color:#5E5E60;
	font-weight:bolder;
	font-size:14px;
	margin-bottom:5px;
	margin-top:10px;
	text-align:justify;
}


/* erreur*/
div .ERREUR{
	color:white;
	font-size:20px;
}






/* colorbox */
#cboxClose {
    border:none;
    background-color:#000;
    color:#fff;
    padding:10px 20px;
    float:right
}
#colorbox,#cboxOverlay,#cboxWrapper {
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    overflow:hidden;
    -webkit-transform:translate3d(0, 0, 0)
}
#cboxWrapper {
    max-width:none
}
#cboxOverlay {
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000
}
#cboxMiddleLeft,#cboxBottomLeft {
    clear:left
}
#cboxContent {
    position:relative;
	font-size: 13px;

}
#cboxLoadedContent {
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
#cboxTitle {
    margin:0
}
#cboxLoadingOverlay,#cboxLoadingGraphic {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
    cursor:pointer
}
.cboxPhoto {
    float:left;
    margin:auto;
    border:0;
    display:block;
    max-width:none;
    -ms-interpolation-mode:bicubic
}
.cboxIframe {
    width:100%;
    height:100%;
    display:block;
    border:0;
    padding:0;
    margin:0
}
#colorbox,#cboxContent,#cboxLoadedContent {
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box
}
#cboxOverlay {
    background:#000;
    opacity:0.9;
    filter:alpha(opacity=90)
}
#colorbox {
    outline:0
}
#cboxTopLeft {
    width:21px;
    height:21px;
    background:url(/images/Graphisme/popup/controls.png) no-repeat -101px 0
}
#cboxTopRight {
    width:21px;
    height:21px;
    background:url(/images/Graphisme/popup/controls.png) no-repeat -130px 0
}
#cboxBottomLeft {
    width:21px;
    height:21px;
    background:url(/images/Graphisme/popup/controls.png) no-repeat -101px -29px
}
#cboxBottomRight {
    width:21px;
    height:21px;
    background:url(/images/Graphisme/popup/controls.png) no-repeat -130px -29px
}
#cboxMiddleLeft {
    width:21px;
    background:url(/images/Graphisme/popup/controls.png) left top repeat-y
}
#cboxMiddleRight {
    width:21px;
    background:url(/images/Graphisme/popup/controls.png) right top repeat-y
}
#cboxTopCenter {
    height:21px;
    background:url(/images/Graphisme/popup/border.png) 0 0 repeat-x
}
#cboxBottomCenter {
    height:21px;
    background:url(/images/Graphisme/popup/border.png) 0 -29px repeat-x
}
#cboxContent {
    background:#fff;
    overflow:hidden
}
.cboxIframe {
    background:#fff
}
#cboxError {
    padding:50px;
    border:1px solid #ccc
}
#cboxTitle {
    position:absolute;
    top: 4px;
    left:0;
    text-align:center;
    width:100%;
    color:#949494;
	font-size: medium;
}
#cboxCurrent {
    position:absolute;
    bottom:4px;
    left:58px;
    color:#949494
}
#cboxLoadingOverlay {
    background:url(/images/Graphisme/popup/loading_background.png) no-repeat center center
}
#cboxLoadingGraphic {
    background:url(/images/Graphisme/popup/loading.gif) no-repeat center center
}
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose {
    border:0;
    padding:0;
    margin:0;
    overflow:visible;
    width:auto;
    background:none
}
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active {
    outline:0
}
#cboxSlideshow {
    position:absolute;
    bottom:4px;
    right:30px;
    color:#0092ef
}
#cboxPrevious {
    position:absolute;
    bottom:0;
    left:0;
    background:url(/images/Graphisme/popup/controls.png) no-repeat -75px 0;
    width:25px;
    height:25px;
    text-indent:-9999px
}
#cboxPrevious:hover {
    background-position:-75px -25px
}
#cboxNext {
    position:absolute;
    bottom:0;
    left:27px;
    background:url(/images/Graphisme/popup/controls.png) no-repeat -50px 0;
    width:25px;
    height:25px;
    text-indent:-9999px
}
#cboxNext:hover {
    background-position:-50px -25px
}
#cboxClose {
    position:absolute;
    top:0;
    right:0;
    background:url(/images/Graphisme/popup/controls.png) no-repeat -25px 0;
    width:25px;
    height:25px;
    text-indent:-9999px
}
#cboxClose:hover {
    background-position:-25px -25px
}
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)
}

#cboxLoadedContent:first-child {
	margin-top:35px;
  }