--------------------------------------

   Styles personnalisation pileface pour compatibilité ascendante
   #909; violet

-------------------------------------------------------------- */

#retrait_bord {
   
  margin-left: 32px;
  border-left: 4px solid #909;
  padding-left: 8px;
}

# video-wrap {
    position : fixed ;
    left :  0 ;
    top :  0 ;
    width :  640px ;
    height :  auto ;
}
# video {
    position : absolute ;
    top :  - 9999px ;
    bottom :  - 9999px ;
    left :  - 9999px ;
    right :  - 9999px ;
    margin : auto ;
    min-width :  100% ;
    min-height :  100% ;
    width : auto ;
    height : auto ;
}

/* ---- BLOC MENU --------------------  */


div#blocmenu {
    display: block;
    float: right;
    margin-left: 2em;
    right: -2em;
    padding-left: 1em;
    text-align: left;
	line-height: 230%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-left:1px solid #CCCCCC;
    margin-bottom: 1em;
}


div#blocmenu a:link {
  color:#DE55BC ; /* VIOLET STD #A300A6 OLD:#DE55BC purplelight:#FFB6DE   #DE558C          */
  font-weight: bold;
  font-size: 1em;
}
div#blocmenu a:visited {
  color:#DE55BC;
  font-weight: bold;
  font-size: 1em;
}
div#blocmenu a:hover {
  color:#8CA429; /* vert : #8CA429 red #660099 background:#ececec; */
  font-weight: bold;
  font-size: 1em;
}
div#blocmenu a:active {
  color:#DE55BC;
  font-weight: bold;
  font-size: 1em;
}

div#blocmenu2 h3{
    font-size: 11px;
    font-weight: 500%;
    margin-top: 20px;
	padding: 0em;
	border-bottom:1px solid #ddd;
}

div#blocmenu2 a:link, a:visited, a:active {
    text-decoration: none;
}
div#blocmenu2 a:hover {
  color: red; /* #660099  */
  text-decoration: none;
}

div#blocright {
    display: block;
    float: right;
    margin-left: 2em;
    right: -2em;
    padding-left: 1em;
    text-align: left;
	line-height: 230%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #EFEFEF;
    margin-bottom: 1em;
}

div#blocright2 {
    display: block;
    float: right;
    width: 250px;
    margin-left: 2em;
    right: -2em;
    padding-left: 1em;
    text-align: justify;
	line-height: 150%;
    font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px;
    BORDER-RIGHT: #eeeeee 1px solid;
    PADDING-TOP: 20px;
    PADDING-LEFT: 20px;
    PADDING-RIGHT : 20px;
    PADDING-BOTTOM: 10px;
	background-color: #EFEFEF;
    BORDER-TOP: #eeeeee 1px solid;
    margin-bottom: 1em;
    BEHAVIOR: url("win_width.htc");
}


div.encart-right {
    display: block;
    float: right;
    width: 250px;
    margin-left: 2em;
    right: -2em;
    padding-left: 1em;
    text-align: justify;
	line-height: 150%;
    font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px;
    BORDER-RIGHT: #eeeeee 1px solid;
    PADDING-TOP: 20px;
    PADDING-LEFT: 20px;
    PADDING-RIGHT : 20px;
    PADDING-BOTTOM: 10px;
	background-color: #EFEFEF;
    BORDER-TOP: #eeeeee 1px solid;
    margin-bottom: 1em;
    BEHAVIOR: url("win_width.htc");
}

div.encart-center {
    display: block;
    width: 540px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
	line-height: 150%;
    font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px;
    BORDER-RIGHT: #eeeeee 1px solid;
    PADDING-TOP: 20px;
    PADDING-LEFT: 20px;
    PADDING-RIGHT : 20px;
    PADDING-BOTTOM: 10px;
	background-color: #EFEFEF;
    BORDER-TOP: #eeeeee 1px solid;
    margin-bottom: 1em;
    BEHAVIOR: url("win_width.htc");
}

div#blocright a:link, a:visited, a:active {
    text-decoration: none;
}

div.encart-right a:link, a:visited, a:active {
    text-decoration: none;
}

div#blocright a:hover {
  color: red; /* purplelight:#FFB6DE   #DE558C     bleu #2C439C     */
  background: #D5D5D5;
  text-decoration: none;
}

div.encart-right  a:hover {
  color: red; /* purplelight:#FFB6DE   #DE558C     bleu #2C439C     */
  background: #D5D5D5;
  text-decoration: none;
}
/* ---- ENCART VOIR AUSSI --------------------  */

#voir_aussi {
    float:right; 
    width: 170px;
    margin:12px 0 12px 12px;
    padding-right:0px;
    padding-left:12px;
    text-align: left;
    color: #4b4b4b;
    line-height: 110%;
 	background: none;
	font:normal 10px Arial, sans-serif, Verdana;
	}

#voir_aussi ul {
    background: none;
	clear:both;
	margin:0 0 0 0px;
	padding:0 0 0 12px;
	}
	
#voir_aussi li  {
    background: none;
	font:normal 10px Arial, Helvetica, sans-serif;
	margin:3px 0 3px 0;
	padding:0 0 0 3px;
	list-style:url(IMG/gif/pic_fleche_rouge_min.gif) outside;
}

#voir_aussi li a {
background: none;
text-decoration:none;
}

#voir_aussi li a:hover  {
background: none;
color:red;
}
#voir_aussi  h3  {
background: none;
    border-top:3px solid #c01717;
	font:normal 10px "Arial Black", Arial, sans-serif, Verdana;
	color:#c01717;
	text-transform:uppercase;
	padding:3px 0 0 0;
}
#voir_aussi  h4 {
    border-bottom: 1px dashed #4b4b4b;
  	padding:3px 0 0 0;
}


/* VOIR AUSSI_2 TEST ------------------*/


#voir {
    float:right;
    width: 170px;
    margin:12px 0 12px 22px;
    padding:0 0 3 0;
    text-align: left;
    color: #4b4b4b;
    line-height: 110%;
    border-bottom: 1px dashed #4b4b4b;
 	background:none;
 	border-bottom: 1px dashed #4b4b4b;
	font:normal 11px Arial, sans-serif, Verdana;
	}

#voir ul {
    background:none;
	clear:both;
	margin:0 0 0 0px;
	padding:0 0 3px 0px;
	}

#voir li  {
    background:none;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:3px 0 3px 12px;
	padding:0 0 3 3px;
	list-style:url(IMG/gif/pic_fleche_rouge_min.gif) outside;
}

#voir li a {
background: none;
padding:0 0 0 0px;
text-decoration:none;
}

#voir li a:hover  {
background: none;
color:red;
}
#voir  h3  {
    background:none;
    font:normal 12px "Arial Black", Arial, sans-serif, Verdana;
	color:#c01717;
	border-top:3px solid #c01717;
	text-transform:uppercase;
	margin: 0 0 3px 0;
	padding:0 0 3 0px;
}

/* MODI 11/04/2020 1.1 em -> 1.2 em ------------------*/
/* MODI 28/04/2020 1.2 em -> 1.& em ------------------*/
.texte  {
    font-size: 1.1em;
}
.texte p {
    font-size: 1.1em;
}

.ps p {
    font-size: 1.1em;
    line-height :210%;
}

.ps p blockquote {
    font-size: 1.1em;
    line-height :210%;
}

.ps blockquote {
    font-size: 1.1em;
    line-height :210%;
}

.texte_encadre {
	TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; line-height: 120%; BORDER-RIGHT: #c0cad4 1px solid; PADDING-RIGHT: 3px; BACKGROUND-POSITION: center bottom; BORDER-TOP: #c0cad4 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: none; PADDING-BOTTOM: 3px; BEHAVIOR: url("win_width.htc"); BORDER-LEFT: #c0cad4 1px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #c0cad4 1px solid; BACKGROUND-COLOR: blank;
}
.texte_encadre2 {
	TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; line-height: 150%; BORDER-RIGHT: #eeeeee 1px solid; PADDING-RIGHT: 20px; BACKGROUND-POSITION: center bottom; BORDER-TOP: #eeeeee 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FLOAT: none; PADDING-BOTTOM: 10px; BEHAVIOR: url("win_width.htc"); BORDER-LEFT: #eeeeee  1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #eeeeee 1px solid; BACKGROUND-COLOR: #eeeeee;
}
.image-right  {
    float: right;
    padding-left: 15px;
    padding-top: 0px;
    padding-bottom: 15px;
}
.image-left  {
    float: left;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 15px;
}
.bordeaux {
	color: #c43100 ;
}
.bleusollers {
	color: #1B2798;
}
.bleu {
	color: #1B2798;
}
.framboise {
	color: #d43450;
}

#retrait {
    position: relative;
    padding-left: 20px;
    border-left: .125rem solid #d1d1e5;
    font-family: 'Roboto-Regular', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 16px;
    width: 500px;
    max-width: 80rem;
        display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

#blocretrait {
    position: relative;
    padding-left: 20px;
    border-left: .125rem solid #d1d1e5;
    font-family: 'Roboto-Regular', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 16px;
    width: 500px;
    max-width: 80rem;
        display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

#cadre {
    position: relative;
    padding-left: 20px;
    border: .125rem solid #d1d1e5;
    font-family: 'Roboto-Regular', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 16px;
    width: 500px;
    max-width: 80rem;
        display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
.p
p  {
    font-size: 1.1 em;
}